Category: static site

Building A Static Site With Components Using Nunjucks

We’re so used to either a backend language or a JavaScript framework powering our data-backed components. I love me a Rails partial with a bunch of locals: {} or a <Component ...props /> but you don’t have to give up on components even if working in static HTML. With Nunjucks, which has includes and t...

Building A Static Site With Components Using Nunjucks

We’re so used to either a backend language or a JavaScript framework powering our data-backed components. I love me a Rails partial with a bunch of locals: {} or a <Component ...props /> but you don’t have to give up on components even if working in static HTML. With Nunjucks, which has includes and t...

Sourcehunt – Build a Medium Exporter + Cool New Libs!

It’s time for our monthly hunt for new open source libraries to use and contribute to! If you’re new to Sourcehunt, it’s our monthly post for promoting open source projects that seem interesting or promising and could use help in terms of Github stars or pull requests. It’s our way of giving ba...

What Really Makes a Static Site Generator?

I talk a lot about static site generators, but always about using static site generators. In most cases, it may seem like a black box. I create a template and some Markdown and out comes a fully formed HTML page. Magic! But what exactly is a static site generator? What goes on inside that black box? What kind of voodoo...

Sculpin Extended: Customizing Your Static Site Blog

If you’re a PHP developer and currently running a blog with a static site generator such as Octopress or Jekyll, wouldn’t it be great if you could use your primary language for it? Yes, it’s healthy for us developers to use more than one language, but let’s be honest – we often want to add...

CSS Modules and React

In this final post of our series on CSS Modules, I’ll be taking a look at how to make a static React site with the thanks of Webpack. This static site will have two templates: a homepage and an about page with a couple of React components to explain how it works in practice. Article Series Part 1: What are CSS Modu...

How to Create a Static Site with Metalsmith

My previous posts discussed reasons why you should or should not consider a static site generator. In summary, a static site generator builds HTML-only page files from templates and raw data typically contained in Markdown files. It offers some of the benefits of a CMS without the hosting, performance and security over...

Building an Spress Svbtle Theme – Responsive Static Blogs!

You may have heard of Sculpin – a static site generator for PHP. Static blogs are, as you may know, blogs which you dynamically write in your app or on your local machine, and then export as a pure HTML version for hosting on static-only servers, for speed, reliability, and offline-first friendliness. While easy ...