Awesome Jamstack

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
• 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

• Jamstack Gitter Chat
• Netlify Gitter Chat
• NetlifyCMS Gitter Chat
• the New Dynamic Slack

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].

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 - 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.
• 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 - Astro Snipcart allows developers to build E-Commerce sites using the Astro framework and the Snipcart platform.
• 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.
• 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.
• 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 - 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.

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

• Ghost on the Jamstack
• Jamstack Ecosystem
• Building a contact form in Gatsby using Getform
• 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
• 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
• Going Jamstack with Netlify and Nuxt
• Getting Started With Gridsome
• The Complete Beginner's Guide to Deploying Your First Static Website to IPFS
• A Broad Discussion on Jamstack & E-Commerce (Podcast & Transcript)
• The Beginner's Guide to Static Site Generators
• Headless CMS Options for Your Jamstack Site
• State of Jamstack 2020 report
• Jamify Tutorials — Publish flaring fast blogs with Gatsby and Ghost
• Why is Next.js my ultimate choice over Gatsby, Gridsome, and Nuxt?
• Generating a Static Site with Flask and Deploying it to Netlify - Leverage the JAMstack with Python and Flask by creating a static site and deploying it to Netlify.
• Static Site Comments: A Jamstack How-To

Podcasts

• Jamstack Radio
• That's my Jamstack

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

License