Static site generators, serverless architectures, & JAMstack

Vue.js and GraphQL are two powerful modern JavaScript tools. Gridsome finally leverages both to build great websites & apps. We used it to fetch data in Airtable with GraphQL for a neat Vue.js app.

Learn how Cypress.io enables quality, comprehensive frontend testing for your modern web applications and sites. Code examples included.

Thinking of using React for e-commerce? Start here. We cover the framework's pros/cons + React-powered e-commerce solutions. Also included: full tutorial on how to build a Gatsby-powered store!

Ever heard of 11ty? It's a simple static site generator written in JavaScript. In this tutorial, we craft a small e-commerce app, exploring its set of features in the process.

Combining WordPress and React is a powerful way to build web applications. Read this intro to the WP REST API and step-by-step tutorial for a neat React SPA with WordPress as a backend.

Explore the Golang ecosystem and its e-commerce capabilities. Then, try our demo on Go-powered CMS Ponzu, and learn to craft a great shopping experience yourself!

Learn how to build a Vue.js SEO-friendly SPA with prerendering, server-side rendering & other general SEO tips. Live prerender demo included!

Node.js and React are two of the most powerful tools in the JavaScript ecosystem. In this tutorial, we use Strapi for Node.js content management and strap it to a React frontend, resulting in a full JS SPA.

Learn about VuePress, a neat Vue.js static site generator, and how it stands out from other SSGs like Nuxt.js. Try our technical tutorial to craft a clean documentation and a simple blog!

Learn why you should use Node.js for e-commerce and the tools available to do so. Bonus: a full Koa.js tutorial for a quick, minimalistic e-commerce setup! Live demo & code repo included.

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.