We're heading to Brooklyn! This month we'll have two Sessions: CMS as Code by Dmytri Kleiner of Contentful, and a roundtable discussion with Kyle Mathews and Jeff Escalante, creators of two of the most advanced static build tools, Gatsby and Spike, respectively.
Latest Showcase Sites
Popular ToolsArticle Count on upper-right corner
- Dealing with version conflicts between Hugo and Netlifyby Adam Wills TutorialMar 19, 17
One of the trickier issues that I dealt with when getting started with Hugo and deploying to Netlify involved what I later found out to be a conflict of versions.
- Go static: 5 reasons to try JAMstack on your next project.by Tom Bennet, Builtvisible ArticleMar 13, 17
- Enabling offline usage of a Hugo site (PWA)by Michel Racic TutorialMar 12, 17
PWA (Progressive Web Apps) are pretty cool for certain use cases like users having flaky connections (e.g. from mobiles) or just to reduce the initial loading time (after the first visit to the page). I document my exercise adding offline capability to a small single page site with no frequent updates that I built with Hugo and the Dimension theme.
- Gatsbygram Case Studyby Kyle Mathews Case StudyMar 09, 17
It combines the fast performance of static websites with the powerful abstractions, tools, and client capabilities of the React.js world.
- Go offline! Service Worker and Hugoby gohugohq TutorialMar 08, 17
After mobile first, offline first and progressive web apps (PWA) are the current trend at the moment. Service Workers are crucial for both of them. A service worker is basically a script acting like a proxy between the browser and the network. You will find a simple example how to install a service worker for your Hugo satic site to make it blazing fast.
- Getting to grips with Contentful and Jekyll – Leon Paternosterby Leon Paternoster TutorialMar 08, 17
Contentful, if you’re unaware, is a platform agnostic Content Management System (CMS). You use its API to pull content into a website or app. There are several reasons for using Contentful instead of/in addition to a CMS
- How to schedule posts for static site generators (Jekyll, Hugo, Phenomic etc.)by David Wells TutorialMar 07, 17
The post scheduler is a serverless project that gives static site owners the ability to schedule posts (or other site content).
It works with any static site setup (Jekyll, Hugo, Phenomic, Gatsby etc.)
- Zero to HTTP/2 with AWS and Hugo - habd.asby Josh Habdas TutorialMar 03, 17
In this post you will learn how to go from Zero to HTTP/2 with AWS and Hugo, the fastest static site generator in existence.
- How to Do Agile Prototyping Using Static Pages to Reduce Development Timeby Àlex Rdgz Bacardit, MarsBased TutorialMar 02, 17
In this blog entry, we will give you more technical insight on how we prototype using static pages at MarsBased.
- What's new in Jekyll 3.4.0by Colin Garvey, Forestry.io TutorialFeb 28, 17
Jekyll 3.4.0 was release on the 27th of January 2017 with some noteworthy enhancements that I’d like to share with you.
- An Example of a Static Site with a Dynamic Calendar · Raymond Camdenby Raymond Camden TutorialFeb 28, 17
create a simple dynamic calendar system with a static web site.
- Jekyll Instant Search in 3 simple steps!by Webjeda TutorialFeb 26, 17
Adding an instant search to jekyll website can be easily achieved with this method. Instant Jekyll search also gives a feel that the website is live and is using a database eventhough it isn’t. Also, we are not using JQuery here!
- Them's Good Broth! | Adding Isso Comments To Hugoby Stíobhart Matulevicz TutorialFeb 24, 17
If you’ve read my recent post on Disqus’s underhand link hijacking, you’ll know that it gave me the impetus I needed to finally make good on my long-held intention of getting rid of Disqus and installing a self-hosted comments system on Them’s Good Broth instead—to wit Isso.
- Creating a staging environment for Jekyllby Eduardo Bouças TutorialFeb 22, 17
A staging or pre-production environment is a testing infrastructure that replicates as best as possible the setup of a live site. In the context of a Jekyll site, it can be used to share a new post or feature with a selected group of people before a roll out to the general public. In this post, I’ll show you how I created one and how I make use of it.
- How to Create a Fast, Secure, and Scalable Open Source Blog with React + Markdownby David Wells TutorialFeb 17, 17
Most companies look to WordPress, SquareSpace, or Medium for their company blogs. While these sites work for hosting blog content, they come with a number of downsides, especially if your target audience is develo
- Using Hexo and AWS to build a fast, massively scalable website for pennies – Mediumby Ted Yavuzkurt ArticleFeb 14, 17
I built myself a website that can handle front page of Reddit traffic. I’ve paid 50 cents a month in hosting so far. You can too.
- Deploy a Hugo site to Aerobatic with CircleCIby AerobaticFeb 14, 17
With the recent introduction of our new CLI, you can now host your Hugo sites on GitHub and using a Continuous Deployment tool like CircleCI, deploy to Aerobatic.
- NPM scripts for building and deploying Hugo sitesby Aerobatic TutorialFeb 13, 17
If you’re new to Hugo, one of the things you learn pretty quickly is that there’s no plugin system to extend beyond the core task of combining Markdown and templates to output a set of static .html files. Fortunately the npm ecosystem already has great tools for performing these tasks.
- Hugo NpmFeb 12, 17
title: “NPM scripts for building and deploying Hugo sites” source: Aerobatic date: 2017-02-12 12:00 link: https://www.aerobatic.com/blog/hugo-npm-buildtool-setup/ type: Tutorial tool:
- Choose Hugo Over Jekyll - habd.asby Josh Habdas TutorialFeb 01, 17
After trying a number of SSGs myself over the years the one I’ve zeroed in on is none other than Hugo. Here’s just a few of the reasons why Hugo rocks the socks off Jekyll:
- Automating Jekyll deployment to S3 using CircleCI in codeby Ricky Smith TutorialFeb 01, 17
I’ll guide you through the configuration steps I’ve taken to get my site automatically deploying to S3 (hosted by CloudFront) using CircleCI whenever you push to your master branch.
- Adding 'Minutes to read' to your Jekyll blogby Àlex Rodríguez Bacardit TutorialFeb 01, 17
I created a code snippet to calculate reading time on a given blog post for Jekyll. I got this idea from Medium’s interface, where you can see each post’s reading time, as you can see below.
- Middleman Tutorial (v4): Enable Static E-Commerce on a Ruby Site Generatorby Snipcart TutorialJan 27, 17
- How to build and deploy static websites using NodeJS & Metalsmithby Tilo, Node Web Apps tutorialJan 15, 17
My process for building and deploying static websites using Metalsmith, a static site generator for NodeJS.
- Setting Up Jekyll for GitHub Pages in 60 Secondsby CJ Melegrito, Tutsplus TutorialJan 11, 17
Jekyll can be used with GitHub Pages to create simple, blog-aware, static websites. This video will show you how to setup the bare-bones Jekyll flat file structure in 60 seconds!
- How to Setup a Jekyll Themeby Kezz Bracey, Tutsplus TutorialJan 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.
- Build a Custom CMS for a Serverless Static Site Generatorby John Polacek, CSS-Tricks TutorialJan 09, 17
- Alerts In Wyamby Digital Tapestry TutorialJan 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.
- JAMstack for Clients: Benefits, Static Site CMS, & Limitationsby Charles Ouellet, Snipcart TutorialJan 05, 17
Today, I want to discuss one of the changes we, as web professionals, are going through: the rise of the JAMstack & “static” sites. A change that’s affecting not only us, but clients too.
- A publishing workflow for teams using static site generatorsby Keybits TutorialJan 02, 17
If your team is semi-technical, and writes content for a static site generator such Jekyll or Hugo, you may have wondered how to approve new content before deploying it to production.