A guide to the best way to build fast, efficient websites.

Latest Showcase Sites

Article Count on upper-right corner
Contentful 9 Github Pages 17 Hugo 29 Jekyll 224 Metalsmith 38 Middleman 42
Appernetic Lektor 3 DatoCMS Alembic Theme & Starter 1 Algolia Hosted Search Rooftop CMS
  • Dec 02, 16

    There is a trend in the web development world toward the API-based CMS architecture. Also known as “decoupled” or “headless”, it allows developers to separate the content management from the frontend implementation and connect to the CMS via an API. This is an exciting approach to website and app development, offering more freedom and flexibility. I want to show you my process for setting up and connecting to an API-based CMS.

  • More Advanced Jekyll/Liquid Template Techniques
    by Brian Rinaldi Tutorial
    Nov 07, 16

    Working on a recent project, I’ve come across several items that were either not well documented or slightly complex - though perhaps calling them “advanced” overstates the case. In this case, we’ll cover using multiple filters on a single value, using Liquid in Markdown, custom sorting posts and displaying posts by category.

  • AWS Lambda Static Site Generator Plugins - Alestic.com
    by Eric Hammond Tutorial
    Oct 31, 16

    A week ago, I presented a CloudFormation template for an AWS Git-backed Static Website stack. If you are not familiar with it, please review the features of this complete Git + static website CloudFormation stack. This weekend, I extended the stack to support a plugin architecture to run the static site generator of your choosing against your CodeCommit Git repository content.

  • Switching to Google AMP and back
    by Evert Pot Tutorial
    Oct 25, 16

    This website is built with Jekyll, hosted on Github pages, and behind a Cloudflare proxy. Why cloudflare? Same reason for using AMP! Websites are pretty much my business, and I want my own home to be powered by both TLS and HTTP/2!

    What this meant for AMP though is that I had to change my main site into an AMP site. Dynamic websites unlike this might be able to create both an AMP and non-AMP website.

  • Using Travis CI to build a Jekyll site
    by Paul D'ambra Tutorial
    Sep 18, 16

    Travis is an online continous integration system that hooks very neatly into Github. It’s free for open source projects and adds build status to commits. It can be set to automatically build pull requests and adds output to those PRs so that people can see if it is safe to merge a request without building it locally themselves

  • Archiving Jekyll Websites with Sitemaps
    by Ryan Baumann Tutorial
    Sep 09, 16

    If you run a Jekyll blog (like this one!), you might be interested in having your blog posts saved in a web archive like the Internet Archive Wayback Machine. In this post, I’ll show you how you can use an auto-generated sitemap to get a list of all URLs on your Jekyll blog, then feed those URLs to a web archiving process.

  • Does Varnish Make Jekyll Sites Faster?
    by Matthew Simpson Tutorial
    Sep 07, 16

    I started reading about Varnish a while ago and decided to give it a go on my server. I was curious to see if it would do anything to speed up delivery of my site even though it’s built using Jekyll, so is completely static. I only realised once I’d set it up (which took longer than expected do to the site using SSL) that I could notice a difference myself, and would have to jiggle some stuff around so that I could performance test it. I’ll explain how it Varnish works and how I tested it compared to going straight to Apache.

  • Adding Siteleaf to a GitHub Pages site
    by David Darnes Tutorial
    Aug 25, 16

    I’ve been using Siteleaf a lot recently, for both my day job and personal projects. In light of this, I decided to create a screencast of myself going through the process of adding Siteleaf to a pre-existing site running on GitHub Pages. As additional reference, I’ve documented the process below.

  • Moving to a static site
    by David Yates Tutorial
    Aug 19, 16

    What I didn’t anticipate was the increased level of control over the site’s content and layout the change would give me – and it’s a big increase, big enough to be a deciding factor in the battle between blogging CMSs and static site generators.

  • Publishing from Day One to Pelican with Hazel and Dropbox
    by Ryan M Tutorial
    Aug 19, 16

    I’ll be soon embarking on a long bike tour and was searching for a way to keep a journal of my trip but also post updates to a website. Day One was an obvious journaling choice, but with version 2, publishing isn’t yet available. With a little poking around, it turned out to be fairly easy to export Day One entries and publish to Pelican (my static blog generator of choice).