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.
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!
Hugo Tutorial: How to Build & Host a (Very Fast) Static E-Commerce Site
Hugo is great for any website, including e-commerce. This tutorial explains how to build a blazing fast e-commerce site with Hugo, Forestry & Netlify. Buckle up!
Reasons Why JavaScript is Omnipresent in Modern Development
What’s the JS fuss all about nowadays? Find out why JavaScript has become so important for modern web development and what are the benefits of learning it.
Hands on with Publii, a Free Static CMS Generating HTML Sites
Meet Publii, an open-source, static CMS & HTML site generator. Included: key features overview + A-Z tutorial on publishing a live site with Publii & Netlify [demo included].
What the JAMstack Means for Marketing
Here's everything I learnt from doing content and SEO for a site that was built using the JAMstack, with a headless CMS and a static front end.
Build a Vue.js SPA on Top of Headless WordPress
WordPress & Vue—united in an all-powerful stack thanks to WP REST API. Learn how to use WordPress as a headless CMS feeding a Vue.js SPA. Live demo & GitHub repo included!