Static site generators, serverless architectures, & Jamstack
Welcome to the future: modern static web development, or Jamstack (JavaScript, APIs, Markup). Here, we'll publish tutorials and thoughts about popular static site generators, frontend-only sites & web apps, and handling e-commerce in such environments. Through suggested tools, code snippets, and GitHub repos, developers will learn how fast, secure, cheap, and scalable "static" sites are becoming today.
Vue PWA: A Progressive Web Application Development with Nuxt
Building a Vue PWA can have massive benefits for your business. Read this tutorial to learn about Nuxt PWA development! Live demo & GitHub repo included.
Building a Strapi E-Commerce: Nuxt.js Tutorial & Live Demo
Build a Strapi e-commerce app using Nuxt.js & Snipcart with this step-by-step tutorial. Read this to learn more about these tools and try out our live demo!
Getting Started with Storybook: React Component Library Example
Learn how to build UI components in Storybook with React for better collaboration from design to implementation. Follow this tutorial & example to start quickly!
Headless E-Commerce in 2021: A Developer’s Guide
This guide to headless e-commerce will teach you all about decoupling your frontend & backend for modern e-commerce. Read it.
Next.js E-Commerce Tutorial: SPA Example
Learn the power of Next.js for e-commerce with this quick & easy example. This step-by-step Next SPA tutorial will get you started in no time.
Composable Commerce: Everything You Need to Know
Learn the Composable Commerce approach: a new multi-vendor architecture powering best-in-class shopping experiences.
Jamstack Hosting Solutions: Challengers to the Throne
Looking for alternatives to Netlify and Vercel for your next Jamstack hosting solution? Here are 3 challengers to the throne you need to know about.
Building a Powerful Vue.js SPA for E-Commerce
Learn why a Vue.js SPA may be right for your next e-commerce site. Read this in-depth tutorial to get started and try our live demo! GitHub repo included.
Crafting a React/Next.js Single Page Application Optimized for SEO
Learn Next.js SEO for React-powered single-page applications. Introduction to SPA SEO with a step-by-step tutorial. GitHub repo & live demo included.
Angular E-Commerce Project: Build a Web App Tutorial
Learn how to build your next Angular e-commerce project with this in-depth tutorial. Live demo & GitHub repo included.
Vercel vs. Netlify: Jamstack Deployment Comparison
Understand the differences between Vercel vs. Netlify as deployment & hosting solutions for your Jamstack projects in 2021.
Node.js for E-Commerce (w/ Koa.js Tutorial & Demo)
Learn how to use Node.js for e-commerce. Follow this in-depth Koa.js tutorial for a quick, minimalistic e-commerce setup! Live demo & code repo included.
Next.js & FaunaDB: Querying Database from Your App
Learn how to fetch data from FaunaDB and display it in your Next.js application. Fauna databases are easy to pair with Jamstack sites.
Headless CMS Personalization for E-Commerce With LexasCMS
Learn how to use LexasCMS headless CMS to personalize parts of your Jamstack e-commerce site. Tutorial and GitHub repo included!
How to Integrate Comments to Your Static Site [w/ Tutorial]
Learn how you can add comments and mentions to your Jamstack static site. Tutorial included!
New to Jamstack? Everything You Need to Know to Get Started
Jamstack beginner? Start here. We cover basics, how to get started, and how to sell it to clients. Bonus: a curated list of Jamstack resources.
Choosing the Best Static Site Generator for 2021
Read this guide to 1) understand static site generators, and 2) pick one of the best 6 — Next, Eleventy, Gatsby, Nuxt, Hugo, and Jekyll.
The Bootstrap Jamstack
How independent players build, compete, and grow in the Jamstack space. Real-life examples from the Snipcart team and other cool products.
Statamic Headless Tied to a Gatsby Blog [Tutorial & Live Demo]
Statamic headless + Gatsby. How great does that sound as a stack for your next blog? Read this tutorial to achieve this in a few steps.
11ty Tutorial: Cranking Your Jamstack Blog Up to 11!
11ty is simple, flexible, and powerful. This tutorial shows how to use it to craft a neat Jamstack blog. Check it out!