Awesome Jamstack Overview

Carefully curated list of awesome Jamstack resources

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 automata/awesome-jamstack · ⭐ 1.3K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

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.

General
Chats
Platforms
No-Code Platforms
Jamstack Sites Showcase
Static Site Generators
CMS
API
- Authentication
- Comments
- Forms
- E-commerce
- Search
- Database
- Automation
Serverless
Videos
Tutorials / Articles
Podcasts
Books

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.
Statichunt - Jamstack Themes and Resources directory.
Built At Lightspeed - A large directory of Jamstack themes, starters & UI kits.

Chats

Platforms

Netlify - All-in-one platform for automating modern web projects.
Vercel - All-in-one serverless platform for modern web apps with config-free tools and workflows.
Layer0 - All-in-one Jamstack platform focused on large, dynamic websites and best-in-class performance through an integrated CDN, EdgeJS, predictive prefetching, and performance monitoring.
Azure Static Web Apps - Full-stack serverless hosting with integrated CI/CD workflow, authentication, CDN and more.
Stormkit - Powerful all in one infrastructure for modern javascript apps. It integrates with your git flow and builds, deploys and scales your apps seamlessly.
Cloud 66 - Builds and deploys static websites to your own cloud account.

For more resources about Static Web Apps see (Awesome Static Web Apps)[https://github.com/staticwebdev/awesome-azure-static-web-apps (⭐80)].

No-Code Platforms

Jamstack.new - Create a new Jamstack website with 1 click, brought to you by Stackbit
Storipress - All-in-one publishing + blogging platform with integrated site builder and workflow management.
Draftbox - Lightning fast, secure front-end for your WordPress or Ghost blog, without coding.
Plasmic - Powerful design tool for building your React components and Jamstack websites visually.
TeleportHQ - Front-end Design & Development Platform. TeleportHQ is the collaborative front-end platform to create and publish your headless static websites instantly. Free code export, 3 free projects, unlimited collaborators.

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.
VSCode Power User Course - PWA built on Gatsby and hosted on Netlify.
CloudyCam - PWA built on Next.js and hosted on Zeit Now v2 Serverless platform.
FbaMonthly - Hosted on Netlify, built with Jekyll, Netlify Functions and Netlify Forms.
Jarod Peachey - Built with Gatsby + MaterialUI and hosted on Netlify
ProtonDB - React/MaterialUI/Firebase hosted on Netlify since August 2018. Prominent in Linux gaming community.
Creative Designs Guru - Built on Eleventy.js hosted on Netlify and styled with Tailwind CSS
HandleDroid - Built with Next.js, MongoDB, Auth0, AWS CloudWatch, SendGrid, Stripe and hosted on Netlify.
Backlinko - Built with Next.js, headless WordPress and 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.
Gridsome - Vue-powered static site generator for building CDN-ready websites for any Headless CMS, APIs or Markdown-files.
Nuxt.js - Versatile vue-based framework for server-side-rendered, static and traditional single page applications.
eleventy - A simpler static site generator transforming various template files into HTML.
Nift - A cross-platform open source website generator developed in C++ that is lightning fast and extremely powerful.
Astro - Build faster websites, while shipping less to almost no Javascript.
FactorJS - Next-generation framework powered by Vite.

For a more complete list see StaticGen.

CMS

Cosmic - Headless CMS with REST and GraphQL API options.
Kentico Kontent - A cloud-native headless CMS that scales.
Contentful - Content infrastructure for digital teams.
NetlifyCMS - open source Git-based CMS.
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.
Apito - A Cloud Based Headless CMS with CDN, Webhooks, Team Collaborations, Content Revision, Cloud Functions.
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.
Forestry - Headless CMS for sites built with static site generators.
Coisas (⭐316) - 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.
TakeShape - Headless GraphQL API CMS with 1-click deploy to Netlify.
Ghost - A headless CMS for online publications
Strapi - The open source Headless CMS Front-End Developers love.
Flotiq - An effortless headless CMS.
TreacleWP - WordPress API hosting.
Agility CMS - The best of both worlds for developers and content editors.
CloudCannon - The Git-based CMS for your Jamstack sites.
Contember - Bespoke content management. Build and run GraphQL API and user-centric administration without any hassle.

API

Authentication

Auth0 - Single sign on and token based authentication.
Netlify Identity - Brings a full suite of authentication functionality, backed by the GoTrue API.
Stytch - Passwordless authentication and session management API, try it out on Vercel (⭐112k).
Clerk – Complete user management UIs and APIs, purpose-built for React, Next.js, and the modern web.

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.
Utterances - A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more.

Forms

Fetch Forms - Create forms with the speed of a form builder and use them in your applications by calling a simple API.
Formcarry - Hassle-free HTML form endpoints for your form, powerful dashboard, reliable spam blocking, attachment uploads and Zapier integrations.
Formcake - A form backend built for developers: Zapier integrations, zero dependencies, a simple API, and unlimited forms.
Getform - Form backend platform for designers and developers. Setup your form endpoints for your static site within minutes and expand your data with Zapier integration and Webhooks support.
Netlify Forms - Built-in form handling on building time by parsing HTML files directly at deploy time.
Arengu - Build signup and login forms with Arengu, enable social login, add 2FA or use passwordless flows to authenticate users with your API or identity provider.
Static Forms - Integrate HTML forms easily without any server side code. After user submits the form we'll send you content of the form to your registered email.

E-commerce

Astro Snipcart (⭐58) - Astro Snipcart allows developers to build E-Commerce sites using the Astro framework and the Snipcart platform.
Flatmarket (⭐991) - 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.
Trolley - A shopping cart designed for the Jamstack.
Shopify - Shopify headless e-commerce solution.
Commerce.js - API-first eCommerce platform for developers.
CartQL - GraphQL Shopping Cart and Checkout API built for the Jamstack and to work with any framework and inventory.
Medusa - Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences.

Search

Algolia - The most reliable platform for building search into your business.
Lunr - Search made simple (on frontend).
CloudSh - Powerful search with a few lines of JavaScript.

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.
Fireproof - Zero dependency, offline-capable CRDT database, runs in the browser and connects to any cloud.
Jexia DataSet - REST API Schema & Schemaless cloud data storage with built-in validators, relations, aggregation functions.
Tigris - Open-source data platform with databases, automatic search indexing for real-time search, caching and real-time pub/sub.

File management

Jexia FileSet - REST API File manager for your application with indexing and extra functions.

Automation

Zapier - Trigger actions connecting more than 1000 apps together.
DataFire (⭐580) - DataFire is an open source framework for building and integrating APIs.

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.
Cloudinary - Serverless media (images/videos) management platform. Provides SDKs in every popular language and media widgets for Jamstack to make it easy to manage media, CDN, storage, transformations, and more.
imgix - Serverless image delivery and management service. imgix connects to where your images are stored (e.g. S3, GCS, web folder) and transforms, optimizes, and intelligently delivers your images using simple and robust URL parameters.
TwicPics - Serverless images & videos optimization and transformation service. TwicPics can be plugged into any stack to optimize medias in real-time by giving full control to frontend developers.

For a more complete list see Awesome Serverless (⭐2.1k).

Videos

The New Front-end Stack. JavaScript, APIs and Markup - Matt Biilmann.
Rise of the Jamstack - Mathias Biillman.
Jamstack: Silly name, serious stuff - Phil Hawksworth.
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.
Talks from all the Jamstack Conferences - Jamstack Conf.
How I Used React, Vue, & Node to Build a Single Jamstack App - Ahmad Awais.
React vs Vue, Gatsby vs Gridsome - building the same site - Ondrej Polesny.
WTF is Jamstack? - Ondrej Polesny.

Tutorials / Articles

Podcasts

Books

Modern Web Development on the Jamstack - By Mathias Biilmann & Phil Hawksworth (published by O'Reilly).
Hugo in Action
Jumpstart Jamstack Development - By Christopher Pecoraro and Vincenzo Gambino
The Jamstack Book - by Raymond Camden and Brian Rinaldi