awesome-jamstack

Web development resources

A curated collection of resources and tools for building modern web applications using static site generation and Jamstack principles

Carefully curated list of awesome Jamstack resources

GitHub

1k stars
39 watching
156 forks
last commit: 6 months ago
Linked from 4 awesome lists

awesomeawesome-listjamstackjavascriptstatic-sitestatic-site-generator

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

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

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
Decap CMS 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 328 9 months ago 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
Stytch Passwordless authentication and session management API, try it out
Clerk – Complete user management UIs and APIs, purpose-built for React, Next.js, and the modern web
Corbado – Corbado helps you go passwordless by adding passkeys to your website or app in a few lines of code

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

API / 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

API / E-commerce

Astro Snipcart 95 9 months ago Astro Snipcart allows developers to build E-Commerce sites using the Astro framework and the Snipcart platform
Flatmarket 1,002 over 7 years ago 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
Saleor Saleor is , GraphQL-first, technology agnostic commerce engine
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

API / 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

API / File management

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

API / Automation

Zapier Trigger actions connecting more than 1000 apps together
DataFire 583 almost 2 years ago 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

Serverless / 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

Serverless / 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

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

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

Backlinks from these awesome lists:

0