Static site generators, serverless architectures, & JAMstack

What is a progressive web application? Why build one? This post walks you through a detailed PWA example, where we use Gatsby to create a quick e-commerce PWA. Code snippets, repo, and live demo included!

A step by step guide to create a static e-commerce website using Snipcart on a Gatsby and DatoCMS project.

There are plenty of static site generators out there. This post will help you find the best one for your specific needs. We've listed the best SSGs in 2018 along with the main considerations you should keep in mind while making that decision.

Craft an SEO-friendly React app using Next.js. This tutorial shows how to generate static files to serve your rendered content to search engine crawlers. Code snippets, GitHub repo, and live demo included.

Read this to post to learn everything there is to know about headless e-commerce. We've built this developer's guide to explain the differences between traditional platforms and headless CMS, and the benefits of the latter. Includes comprehensive lists of tools, tutorials and frontend solutions.

In this post, DJ Walker from Forestry.io walks you through a complete static e-commerce setup: Hugo for site generation, Snipcart for cart & checkout, and Forestry CMS for content & product management. Live demo and Git repo included!

Learn how to leverage Vue.js for e-commerce by bundling together a powerful, frontend centric online shop. Our recipe: Vue in the frontend + HTML/JS shopping cart + ButterCMS in the backend. Live demo & code repo included!

Supercharge your static site with forms, password-protected authentication, and AWS Lambda functions. This tutorial explores powerful Netlify features on top of a Gatsby site [w/ live demo & code repo].

Learn what Python-powered generator Pelican is, and how you can use it to create a fast, static blog. This Pelican tutorial also includes simple steps to enable dynamic features--search & comments--on your static blog.

Read this guest post from the lead engineer at Contentstack Mayank Mishra to learn about this cool headless CMS. Mayank shows every step to get Snipcart running with Contentstack in minutes to craft a smooth e-commerce platform.

Staticman helps you bring user-generated content to static sites. See how it will improve your website versus third-party services and how it gives you back complete control over your dynamic content. We'll also show you how to integrate Staticman to Jekyll for user comments and product reviews.

In this tutorial, we use Gatsby for React-powered static site generation with GraphQL schema to pull data from a headless CMS. The backend is handled by Grav CMS used solely for content management, as a decoupled CMS. React & GraphQL is a powerful combination for the frontend.

Learn to build an Angular e-commerce app strapped on top of Sanity, a powerful headless CMS. Live demo & open source code repo included.

Learn how to build a killer Vue.js blog with a full demo: custom plugin, templating, pagination, filtering, data decoupling, and more!

Read this webpack tutorial for a quick introduction to the module bundler and discover Spike, a webpack static site generator.

Learn how to handle production-ready Vue.js transitions & animations with live CodePens, in-depth explanations, code snippets, and more.

Use CloudCannon--a CMS for Jekyll--and a few tricks to build a multilingual static site with easy content and language management.

Sell products using Node.js static site generator Hexo and a custom shopping cart. Code snippets, tutorial steps, & live demo included!

Discover how Netlify CMS, an open source React JS app, enables Git-based content management for developers & non-technical editors alike.

Learn how to build & prerender an SEO-friendly site with this full Vue.js tutorial. Code snippets, examples & live demo included.