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.
Headless E-Commerce in 2020: A Developer’s Guide
Reading this guide to headless e-commerce in 2020 will teach you what the heck is going on with modern e-commerce platforms. Do it.
Using Gridsome for E-Commerce [Tutorial & Live Demo]
Gridsome is an awesome website generator for your next e-commerce project. Read this tutorial to know how to go live fast with Gridsome + Snipcart!
Bundling Strapi & Nuxt: E-Commerce Tutorial with Snipcart
Using Strapi, Nuxt & Snipcart, you can craft powerful e-commerce websites. Read this tutorial to know more about these tools and try out our live demo!
Introducing TinaCMS: Inline Content Editing for React
TinaCMS is a powerful editing toolkit for React-based apps. With this tutorial, learn how to integrate the CMS to Next.js and leverage its main features.
Creating a Nuxt PWA for Québec City Citizens
Learn how one developer created a bilingual Nuxt PWA for all citizens of the City of Québec.
Getting Started with WordPress Static Site Generators
WordPress & Jamstack can be united to surprising results. Read this complete guide to getting started with WordPress static site generators!
Gatsby E-Commerce Recipe: Integrate a Cart in a Few Steps
We recently created a Gatsby e-commerce recipe to quickly transform your site into an online store. Learn what are Gatsby Recipes and how to create your own!
Enabling E-Commerce Quickly with Gatsby & Netlify Functions
We discuss with Patrick Faramaz, a dev who had to craft an e-commerce website for a client quickly. His stack: Gatsby, Netlify functions & Snipcart. Read the complete case study!
The Jamstack Goes Full-Stack: RedwoodJS Framework Tutorial
RedwoodJS is a new framework for Jamstack applications. Read this post to learn why you should care about it and how to get started. Live demo & GitHub repo included!
Stackbit: Friendly Jamstack Websites & CMS Management
Jamstack websites are performant but tricky to manage, even with a headless CMS. Learn how Stackbit helps with on-page editing and previews!
Scully Tutorial: A Static Site Generator for Angular Websites
Angular developers can (finally) build static websites using Scully.io. In this post, we use this new static site generator for a small e-commerce demo. Check it out!
How to Use WordPress with React to Build a Modern Web App
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 app with WordPress as a backend.
Pick the Best Static Site Generator for your 2020 Projects
What’s the best static site generator in 2020? Read this guide on top current SSGs with tips for picking the right one for your project.
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.
How Vue Components Work (& How They Simplify Frontend Dev)
In this post, we explore Vue components through useful examples and explain why they’re essential to Vue devs. Components make you more efficient, start learning with this tutorial!
INGMARSON’s Shopping Cart Integration in a Gatsby PWA
Developer Tim Walpole built a neat JAMstack e-commerce website for his client INGMARSON. In this case study he talks JAMstack, Gatsby, PWAs & Snipcart integration. Have a look!
Build a Svelte JS App: Magic Framework (Svelte 3 Tutorial)
SvelteJS rethinks reactivity and frameworks—but how? This simple Svelte 3 tutorial has the answers. Have a look!
React & SEO: Crafting Next.js SPAs Optimized for Google
Discover the many ways in which Next.js can help you give an SEO boost to React-powered single-page applications. Introduction to SPA SEO with a step-by-step Next.js tutorial.
A Serverless Function Example: Why & How to Get Started
Why did serverless functions become an integral part of modern web development? This post goes through the basics and the best use cases. Bonus: a live serverless app example!
Vue PWA: A Progressive Web Application Example With Nuxt
Building a Vue PWA can have massive benefits for your business. Read this article to learn how to create your own progressive web app today!