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 28 Jekyll 217 Metalsmith 37 Middleman 42
DatoCMS Alembic Theme & Starter Algolia Hosted Search Rooftop CMS Jekyll Admin Serum
  • 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).

  • Setting up a Living Styleguide in Jekyll
    by Hugo Giraudel Tutorial
    Aug 17, 16

    I was recently working on a small Jekyll project and wanted to see whether it would be possible to have a very component-ized approach driven by a styleguide, despite the fact that Liquid (the template engine behind Jekyll) is not meant to do that.

    I found it out it is doable (not without some struggling though) and I’d like to show you how so you can consider using a similar approach in your next Jekyll project.

  • Plugging Webpack to Jekyll Powered Pages
    by Jonathan Petitcolas Tutorial
    Aug 12, 16

    I chose Jekyll to power this blog. It allows a blazing-fast display (as rendering is just composed of pure HTML static files) and a free hosting on GitHub Pages. Yet, when I started to build these pages a few years ago, I didn’t know about Webpack. Better late than never, let’s see how to plug these two powerful tools together.

  • How To Deploy A Jekyll Blog In Docker
    by Emmet O'Grady Tutorial
    Aug 10, 16

    The biggest advantage of using Jekyll is that we can put our blog posts in a GIT repo. This means that all changes to the posts will be recorded and we don’t have to worry about backups when the site is live, since we can regenerate the entire site at any moment from the source code in the GIT repo. Also, it gives us complete portability, it will be easy to move the posts to another blogging platform if needed since we have all of the posts in markdown in the GIT repo.

  • Page Sections in Jekyll - Seperating Content from Layout
    by David Egan Tutorial
    Aug 10, 16

    Achieving separation is pretty straightforward with single page/post/collection views - just define a custom template and inject the content from a markdown file (from yaml frontmatter and the main content field).

    But what about displaying section content in a single page context? This is a common requirement for landing pages, home pages and single page sites.