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 34 Jekyll 234 Metalsmith 38 Middleman 42
Wyam 1 Grow 1 Staticland Appernetic Lektor 3 DatoCMS
  • How to Setup a Jekyll Theme
    by Kezz Bracey, Tutsplus Tutorial
    Jan 11, 17

    Right now Jekyll themes are not self contained packages need to be applied through an installer. When you download a Jekyll theme you’ll actually also download all the files required to run an entire Jekyll site.

    This will be changing in a future version of Jekyll, but for now you’ll need to know how to deal with the fact Jekyll themes come with a whole site attached to them.

  • Alerts In Wyam
    by Digital Tapestry Tutorial
    Jan 08, 17

    Bootstrap has the concept of “alerts”, which are specially styled divs used to call out notes. I wanted to be able to add these alerts to a Markdown document processed by Wyam.

  • Serve static websites with Caddy web server
    by Peter Y. Chuang Tutorial
    Dec 30, 16

    Initially, I put this website on Github Pages, which is free and fast, but lacks flexibility. For months, I’ve been itching to migrate (the move to Firebase proved short-lived) while dreading the prospect of having to configure and maintain a server. Then I discovered Caddy web server, the easiest-to-set-up web server I’ve ever used.

  • Publishing Jekyll updates with gitlab-ci
    by Lars Olafsen Tutorial
    Dec 11, 16

    In short, the GitLab CI is a set of commands that can be run when a repository receives a push, when an API is called, or when it is triggered by someone through the GUI. The commands are specified in a given YAML formatted configuration file - .gitlab-cy.yml which contains a set of specific keywords and arguments.

  • Hutch Codes — Azure Search for Jekyll
    by Jeremy Hutchinson Tutorial
    Dec 08, 16

    I added Azure Search to my static site built with Jekyll through the use of Azure Functions. Best part, it’s free*.

    This example is for Jekyll, it will work with any static site. The only thing Jekyll specific is the JSON representation of the site, and any static site generator should be able to build that file.

  • The API-Based CMS Approach
    by Levi Gable, CSS-Tricks Tutorial
    Nov 23, 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.