JAMstack: noun \’jam-stak’\
Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup.
This is a carefully curated list of awesome JAMstack resources.
You might also like Awesome Static Generators.
Want to contribute with some resource? Great! Please, read the contribution guidelines before contributing.
Contents
- General
- Chats
- Platforms
- JAMstack Sites Showcase
- Static Site Generators
- CMS
- API
- Serverless
- Videos
- Tutorials / Articles
- Podcasts
General
- JAMstack
- JAMstack resources - Videos and articles about JAMstack.
- the New Dynamic - Pick up tools in our Directory to work with the JAMstack. Browse our showcase and get inspired.
Chats
- Appernetic Gitter Chat
- JAMstack Gitter Chat
- Netlify Gitter Chat
- NetlifyCMS Gitter Chat
- the New Dynamic Slack
Platforms
- Appernetic - Visual content management for static web sites, with Hugo and GitHub Pages.
- Netlify - All-in-one platform for automating modern web projects.
JAMstack Sites Showcase
- React - Built on Gatsby.
- Squoosh.app - Hosted on Netlify, demonstrates advanced features from a modern Web Application.
- Hopper - Built on Gatsby and hosted on Netlify.
Static Site Generators
- Gatsby - Blazing-fast static site generator for React.
- Next.js - Lightweight framework for static and server-rendered applications.
- Hugo - Hugo is a static site generator written in Go.
- Jekyll - Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites.
- Hexo - A fast, simple & powerful blog framework, powered by Node.js.
- Metalsmith - An extremely simple, pluggable static site generator.
- Phenomic - A modular website compiler.
For a more complete list see StaticGen.
CMS
- Contentful - Content infrastructure for digital teams.
- NetlifyCMS - Famous digital art blog.
- ButterCMS - Headless CMS and Content API.
- Scrivito - Cloud-based JavaScript CMS built for digital agencies and medium to large-sized businesses.
- GraphCMS - The GraphQL Headless CMS.
- Prismic - Headless API CMS for both developers and marketers.
- Siteleaf - A friendly CMS for your static site.
- DatoCMS - The API-based CMS your editors will love.
- Prose - Prose is a content editor for GitHub designed for managing websites.
- Tipe - Next Generation API-first CMS.
- Forestry - Headless CMS for static sites built with Hugo and Jekyll.
- Coisas - A client-side CMS for editing GitHub Markdown (and other) files.
- Cockpit - A self-hosted headless and api-driven CMS.
- HeadlessCMS - A List of Content Management Systems for JAMstack Sites.
API
Authentication
- Auth0 - Single sign on and token based authentication.
- Netlify Identity - Brings a full suite of authentication functionality, backed by the GoTrue API.
Comments
- Disqus - Global comment system that improves discussion on websites and connects conversations across the web.
- Facebook Comments - The comments plugin lets people comment on content on your site using their Facebook account.
Forms
- Netlify Forms - Built-in form handling on building time by parsing HTML files directly at deploy time.
E-commerce
- Flatmarket - Flatmarket is a free, open source e-commerce platform for static websites.
- GoCommerce - A headless e-commerce for JAMstack sites.
- Snipcart - A powerful shopping cart platform for developers.
- Moltin - eCommerce API for developers.
Search
- Algolia - The most reliable platform for building search into your business.
- Lunr - Search made simple (on frontend).
Database
- GraphQL - Query language for APIs and a runtime for fulfilling those queries with your existing data.
- Graphcool - Open-source and self-hosted backend-as-a-service to develop serverless GraphQL backends.
- FaunaDB - Relational NoSQL database with joins, indexes, and multi-region ACID transactions in the cloud or on-premise.
Automation
- Zapier - Trigger actions connecting more than 1000 apps together.
Serverless
- Netlify Functions - Netlify lets you deploy Lambda functions without an AWS account, and with function management handled directly within Netlify.
- Amazon Lambda - Lets you run code without provisioning or managing servers.
- Microsoft Azure
- Azure Functions - Serverless compute service that enables you to run code on-demand without having to explicitly provision or manage infrastructure.
- Azure Logic Apps - Simplifies building automated scalable workflows that integrate apps and data across cloud services and on-premises systems.
- Google Cloud
- App Engine - Serverless application that completely abstracts away infrastructure so you focus only on code.
- Cloud Functions - Serverless environment to build and connect cloud services.
- Cloud Datastore - Highly-scalable NoSQL database with automatic sharding and replication.
- Cloud Storage - Geo-redundant object storage for high QPS needs.
- Cloud Pub/Sub - Geo-redundant real-time messaging for all message sizes and velocities.
- Apigee - Enterprise API management for multi-cloud environments.
- Endpoints - API management apps built on Google Cloud.
- Cloud Dataflow - Serverless stream and batch data processing service.
- BigQuery - Serverless data warehousing services that help you to deploy advanced cloud data warehousing solutions for your enterprise.
- Cloud ML Engine - Serverless machine learning services that automatically scales built on custom Google hardware (Tensor Processing Units).
- Serverless - Toolkit for deploying and operating serverless architectures.
For a more complete list see Awesome Serverless.
Videos
- The New Front-end Stack. JavaScript, APIs and Markup - Matt Biilmann.
- Rise of the JAMstack - Mathias Biillman.
- Git-based or API-driven CMS - Chris Macrae.
- JAMstack Tutorial - Full site using Netlify & Hugo - freeCodeCamp.org.
- Gatsby JS Crash Course - Traversy Media.
- How We Got Here and The Future of the Web - Kyle Mathews.
Tutorials / Articles
- Ghost on the JAMstack
- Getting Started with Gatsby and Cockpit — Part 1 of 2
- Creating Static E-commerce site with GatsbyJs
- For Static Sites, There’s No Excuse Not to Use a CDN
- E-commerce front-end for Vue.js, Nuxt.js and Snipcart
- Building Paul The Octopus
- JAMstack and Netlify: Do We really need another buzzword?
- The JAMstack Startup Landscape
- How I built my blog using Gatsby and Netlify
- Developer's Guide to Headless E-Commerce
- Handling Static Forms, Auth & Serverless Functions with Gatsby on Netlify
- JAMstack for Clients: Benefits, Static Site CMS, & Limitations
- Exploring Netlify CMS, a React & Git-Based Content Management System
- JAMstack PWA — Let’s Build a Polling App. with Gatsby.js, Firebase, and Styled-components Pt. 1
- Dynamic Static Sites with Netlify and iOS Shortcuts; Use Netlify Functions, a Gulp build process and iOS Shortcuts to publish dynamic content to your static site
- Gatsby for Apps
- Turning the Static Dynamic