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.
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!
Intro to Stackbit: Build a Custom JAMstack in Minutes
Stackbit makes building JAMstack sites more approachable to all developers. Read this post to learn how Stackbit can help with your next JAMstack project.
How We Generate Our New Documentation with Sanity & Nuxt.js
How to generate documentation with JavaScript you ask? We used Sanity & Nuxt.js—and we’ll show you how we did it!
Build an Angular E-Commerce App on Top of Sanity's Headless CMS
Learn to build an Angular e-commerce app strapped on top of Sanity, a powerful headless CMS. Live demo & open source code repo included.
E-Commerce for React Developers [w/ Gatsby Tutorial]
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!
Next.js E-Commerce Tutorial: Quick Shopping Cart Integration
Learn how to quickly craft a killer e-commerce application with this Next.js tutorial. We used this popular React framework for a live online shop demo, check it out!
How to Choose the Best Static Site Generator for Your 2019 Project
What’s the best static site generator in 2019? Read this to learn about the top SSGs this year and how you can choose the right one for your 2019 project.
Introduction to Vue Render Functions (w/ examples)
Vue render functions give you a better understanding of how Vue works as a whole. Check out how you can fully leverage this (really neat) tool by Vue.
A Ghost Demo: How to Go Headless with Ghost CMS [Tutorial]
Our Ghost demo shows you how to use Ghost’s headless features to build a weekly newsletter so your readers will get the freshest content. Checkout the tutorial!