We love static site generateor and the JAMstack so we put together this list of resources for learning to use some of the top generators out there!
An Introduction to Static Site Generators
Make your blog load faster than your reader can blink with a static website generator without resorting to hand written HTML.
In this post, the author tells you what are static site generators, what’s the big deal, and what you need to know to build one.
Getting started and setting up Brunch
This course covers the basics of using Gatsby - Static Site Generator. Work your way through the videos and we’ll teach you everything you need to know to create a professional and scalable website or blog!
Gatsby is a static site generator for React and has just been released (version 1.0). This tutorial will take a look at this new project and show you how to install Gatsby and develop & deploy your first website.
In this Gatsby tutorial, we introduce GatsbyJS and walk you through how to develop and deploy a static blog using GatsbyJS, React, GraphQL, and Surge.
Tutorial on GatsbyJS
Using GatsbyJS with React
Short introduction on GitBook
Learn Hexo from this awesome Giraffe Academy course.
In this video tutorial, we will go through how to set up a free blog using hexo static site framework. By the end of this video, we will have a blog that is hosted on Github for free using Hexo JS blog framework.
Build a static web site from scratch with Hugo in less than an hour
In this tutorial, we will explore how to build a client-side application using modern tooling for a restaurant serving a modern cuisine
Coding Modern Websites with the JAMstack: Part 2
In this tutorial, I will show you how to install and use Hugo to build a static blog site on a CentOS-based Vultr LEMP server instance.
In this guide, we will cover how to install and use Hugo on an Ubuntu 14.04 server. This will allow us to configure a static site, create content, and publish on the same server or deploy to a production location.
How to make a whole website and put it online with Hugo and GitHub Pages.
This course covers the basics of using Hugo - Static Site Generator. Work your way through the articles and we’ll teach you everything you need to know to create a professional and scalable website or blog!
In this guide, I will show you how to setup your development environment with Hugo and build your first static Hugo website.
In this tutorial you will learn how to go from Zero to HTTP/2 with AWS and Hugo, the fastest static site generator in existence.
We’re going to prove how easy it is to set up e-commerce on static sites once again. And this time, we’ll use an in-depth Hugo website tutorial to do so. :)
This lesson will help you create entirely free, easy-to-maintain, preservation-friendly, secure website over which you have full control, such as a scholarly blog, project website, or online portfolio.
This video is one in a series of videos where we’ll be looking at building static websites using the Jekyll framework.
Find out how to build your first static website with this Jekyll tutorial.
See how to make static websites more easily with the static site builder called Jekyll. This video is an introduction to the process of building a website with Jekyll.
This course covers the basics of using Jekyll - Static Site Generator. Work your way through the videos and we’ll teach you everything you need to know to create a professional and scalable website or blog!
Do you want to learn to build sites and blogs with Jekyll? And have a simple solution without the overhead complexity? Site that is ultra fast and is immune to most common attacks?
In-depth introduction to static websites and static site generators with Jekyll. Speaker also talks about static web development and explains the benefits of working with static websites and the JAMstack for your projects.
Here’s an in-depth introduction to static websites and static site generators with Jekyll. In this tutorial, Snipcart developer JS shows how to quickly get started with Jekyll. He also introduces static web development and explains the benefits of working with static websites and the JAMstack for your projects.
We’re looking at what static site generators are and how they’re different from dynamic content management systems like WordPress.
In this tutorial we will set up a basic Metalsmith demonstration site, with a build file, static assets and some plugins. The aim of this site is to show a simple Metalsmith setup with continuous deployment on Netlify using GitHub.
Talks about process for building and deploying static websites using Metalsmith, a static site generator for NodeJS.
Tutorial on How to Create a Static Site with Metalsmith
Lists some tips and tricks for using Metalsmith
Middleman - Static Site Generator This course covers the basics of using Middleman - Static Site Generator. Work your way through the videos and we’ll teach you everything you need to know to create a professional and scalable website or blog!
Exploring: 1) Cockpit CMS, an API-first CMS recommended by a friend, and 2) Nuxt.js, a kickass Vue.js framework (we’ve wanted to use it ever since we fell in love with Vue).
Using Nuxt to build a personal site
In this video, we look at getting started with Nuxt.js
In this tutorial you will learn how to create your own static website from scratch using Pelican.
Brief tutorial on how to use Pelican
Quickstart guide on using Pelican
Basic set up for Pelican
Discusses what sets Spike apart from other static site generators and shows a short tutorial on how to use Spike as a static site generator