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.
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!
Jekyll E-Commerce Tutorial: Add a Shopping Cart to Your Static Website
How easy is it to craft a Jekyll e-commerce website? Stunningly easy. Read this quick tutorial to put together a neat online shop with Jekyll & Snipcart.
Figma Tutorial: How (and Why) To Use It For Your Next Project
Read this Figma tutorial to learn how to use Figma to simplify the workflow for your entire team, from developer to designer!
JAMstack Templates Quickstart for N00bs (Live Examples)
Being a web development newbie shouldn’t stop you from exploring JAMstack templates to build websites. Learn how our marketing team got their hands dirty, creating small JAMstack projects.
Static Site Search Made Easy (with Hugo Tutorial)
Creating static site search functions can be complicated. Read this post to learn how to easily integrate a killer search bar into any static site.
PWA for E-Commerce: Benefits & Live Gatsby Demo
Is a PWA any good for e-commerce? We walk you through the basics & benefits of progressive web applications—and even build a quick Gatsby PWA store. Code snippets, live demo & GitHub repo all included!