Michael Rose, one of the most active webdesigner in the Jekyll community, shares his vision on static site generators.
Latest Showcase Sites
Popular ToolsArticle Count on upper-right corner
- Setting up NetlifyCMS with Wyam - Part 1by Mark Burton TutorialFeb 16, 18
Despite the length of this series of blog posts NetlifyCMS is actually really easy to setup. It just involves configuration across a few different tools to get it all working in an automated fashion, from publishing a post in the CMS, thereby the file being pushed to GitHub, to automatically building and publishing your site, in this instance to Netlify.
- Staticman: Add Dynamic Content to a Static Website [Fast] - Snipcartby Jean-Sebastien Tremblay, Snipcart TutorialFeb 15, 18
Imagine you’ve chosen to build a website with a static site generator such as Jekyll. You still want user interaction, through comments, product reviews, etc. Right? That’s where Staticman comes to the rescue.
- Building a Lambda Function with Netlifyby Alex MacArthur TutorialFeb 12, 18
I nearly peed myself when I found out I’d been given access to Netlify’s new Lambda function service (still in private beta, but you can request access), and I immediately dove into migrating my Firebase function to Netlify.
- WordPress REST API Whitepaper — Human MadeArticleFeb 07, 18
Talking to 25% of the Web: An in-depth report and analysis on the WordPress REST API.
- How to add Twitter buttons to a Gatsby siteby Steven Mercatante TutorialFeb 06, 18
I recently added Twitter buttons to the bottom of each article on this site. One to share the article and one to follow my account. Because this site runs on Gatsby (and therefore React), I needed to perform a few extra steps. This article will show you exactly what to do.
- Hugo vs Jekyll: Benchmarkedby Chris Macrae, Forestry.io TutorialJan 30, 18
Hugo and Jekyll are the leading static site generators according to StaticGen.com, and both supported by our CMS. We’re often asked which tool performs better so we decided to do an analysis.
- Zero to Deploy: A Practical Guide to Static Sites with Gatsby.jsby William Imoh, Scotch.io TutorialJan 29, 18
In this post, we will simply be explaining the basics of Gatsby.js and build out a simple static blog in the process. The Blog will be deployed to the web using Netlify. Blog posts will be written in Markdown and GraphQL will be used to query markdown data into the blog.
- How to setup automatic Hugo website generation and deployment with Gitby Víctor Adrián TutorialJan 28, 18
Let’s say that you have tried Hugo, you liked it, and made a website with it. Now you are ready to deploy that website for the whole world to see.
- Making your first Jekyll theme: Part 2 - Siteleafby David Darnes TutorialJan 25, 18
In Part 1, I gave an overview of creating themes for Jekyll and a few tips for when you’re developing your own theme. In this second part, I’m going to give a full step-by-step guide to developing your own Jekyll theme gem.
- Making your first Jekyll theme: Part 1by David Darnes TutorialJan 25, 18
Themes for Jekyll have been around for a while, but the process of installing a theme was a bit clunky. Content files and templating files would have to be carefully copied over. But, with the introduction of Gem-based themes, themes can now be installed with a couple of lines of code.
- React & GraphQL Static Site on Top of Grav as Headless CMSby Charles Ouellet, Snipcart ArticleJan 25, 18
I enjoyed the simplicity of Grav, it took me only a couple of minutes to get it running. The hardest part was to find the plugins I was going to use it as a headless CMS and to be honest, the plugin I used in the demo is kind of limited.
- Installing Jekyll publishing posts from monitored Dropbox folderby David Relich TutorialJan 24, 18
This tutorial is not for the faint of heart. There’s a lot of work in Terminal involved and if you don’t know what you’re doing, things can get very ugly, haha! Also, for your convenience, all links that look like this open in a new tab/window.
- Getting started with GatsbyJS and WordPressby Amberley TutorialJan 18, 18
Earlier this week I began rebuilding my blog using GatsbyJS + WordPress. As I familiarized with Gatsby, I found myself flipping through a million tabs, and I thought it might be useful to summarize concepts and to aggregate links I found helpful.
- Building a static blog using Gatsby and Strapiby Strapi TutorialJan 18, 18
Strapi is the most advanced Node.js API Content Management Framework. Halfway between a Node.js Framework and a Headless CMS, it saves weeks of API development time.
- Deploying a Jekyll Site on Netlifyby Bryan King TutorialJan 14, 18
First things first, you’re going to need a local instance of Jekyll. It’s built on Ruby, so you’re going to need that installed too before we can create a website.
- using stripe elements with netlify formsby chris draycott-wheatley TutorialJan 12, 18
Stripe Elements are pre-built UI components ready to drop into your website and customise to your preference.
- Hugo Page Resourcesby Regis Philibert TutorialJan 11, 18
In this article we’ll cover Page Resources and its impact on the way we structure our content folders, what methods and properties it offers, how to use it in our templates and markdown and finally its current limitations and how we can circumvent them with the creation of manifest array direclty in our Page’s Front Matter.
- Image Optimization Made Easy with Gatsby.jsby Kyle Gill TutorialJan 10, 18
Shave off hours of work with a simple to use React component built for images. Optimizing images hardly sounds like an ideal afternoon of work, but in today’s world it’s become a necessary evil. This post looks at how it can be done much easier using gatsby-image.
- How to build custom Hugo paginationby Glenn McComb TutorialJan 10, 18
Hugo is an awesome feature-packed static site generator which is also open source and free. It ships with a default pagination template but if you’re looking for full control, I’m going to demonstrate how to build custom pagination.
- How I Added Additional Post Types to My GatsbyJS Siteby Ben Newton TutorialJan 09, 18
First things first, I needed to add the source for my new posts. The starter is already pulling data from markdown files in /content/posts utilizing gatsby-source-filesystem. I thought I could just add another reference to markdown files in a new directory and I’d reference that in a separate GraphQL query and have a separate array of posts to work with, but that is not how it works.
- Wordpress as CMS for your JAMStack sitesby Stefan Baumgartner TutorialJan 08, 18
The almighty JAMStack brings you fast and secure static websites, and with things like headless content management systems they become even easy to edit! However, every once in a while you will find yourself in front of a Wordpress blog that has way too many articles (and way too many authors that fear change!) to be reasonably transferred. But Wordpress can be headless, too. In fact, Wordpress’ own hosting service uses its core only via API, the editing interface comes with the shiny new Calypso.
- Gatsby.js: How to set up and use the React Static Site Generatorby Aman Mittal TutorialJan 04, 18
There are a lot of modern paradigms that Gatsby takes care for its developer behind the scenes to start building and launch their project. Another cool thing about Gatsby that I like is its ever-growing data plugin ecosystem. It lets a developer fetch data directly into a Gatsby generated application using GraphQL.
- 10 Netlify features to surprise and delightby Phil Hawksworth ArticleJan 04, 18
During my first days as a Netlify employee, I learned about some features that surprised me. The response to my tweet announcing my new role was interesting, too. I received lots of kind words of congratulations along with questions about features I assumed were well known or understood.
- Add a realtime chat to your Gatsby blog using Pusherby Pusher Blog TutorialJan 02, 18
In this tutorial, we’re going to take a look at how we can add a realtime chat feature to a Gatsby blog using Pusher.
- Hugo Web Development Workflow on Windowsby Ashwin Narayan TutorialDec 31, 17
I’ve been primarily using Windows as my operating system for the past year or so. Having used Linux for a long time, I definitely missed the conveniences offered by shell scripting and other command line tools. However, while setting up a workflow in Windows for publishing content to my website I discovered that Windows’ scripting tools are not all that bad. In fact, for anyone familiar with scripting from Linux, moving to Powershell isn’t that hard.
- Hugo + Staticman: Nested Replies and E-mail Notificationsby Dan C Williams TutorialDec 30, 17
In this post I want to cover the steps I went through to get Staticman nested comments and e-mail notifications working in Hugo.
- Building a blazing fast website with GatsbyJS and Contentful #1 - YouTubeby k garbaya VideoDec 25, 17
In this video, I am going to take a simple getting started GatsbyJS example and transform it into a Contentful powered website.VIDEO
- Static CMS Tutorial: Converting the Hammer Galleryby Forge TutorialDec 22, 17
Following on from my broader world view on future of the CMS, I thought it would be helpful to take a short, simple and practical stroll through how all this starts to work together.
- Regis Philibert | Hugo TranslatorTutorialDec 20, 17
Go Template is the templating language used by Hugo and other Go systems. Now it is not Twig or Blade or Liquid, don’t get fooled by the familiar curlies. It is a far stretch from those well known Templating Language out there…