This is Curated list of tools using the JAMStack: A modern web development architecture for creating fast, secure and dynamic websites.

Want to contribute with some tools / resource ? Awesome! Please, read the contribution guidelines before contributing.

Table of Content

• Official Resource Site

• Jamstack Sites Showcase

• Platforms

• Static Site Generators

• CMS

• API

  • Authentication

  • Comments

  • Forms

  • E-commerce

  • Search

  • Database

• Serverless

• Videos

• Tutorials / Articles

• Books

official

• Jamstack

• Jamstack resources - Videos and articles about Jamstack.

• JAMstack Radio

• JAMstack Boilerplates

• Netlify Blog

• What is the JAMstack?

• Why the JAMstack?

• How do I get started?

Jamstack Sites Showcase

• My Portfolio - Built on Gatsby and hosted on Netlify.

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

• Creative Designs Guru - Built on Eleventy.js hosted on Netlify and styled with Tailwind CSS

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.

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.

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

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.

• 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 sites built with static site generators.

• HeadlessCMS - A List of Content Management Systems for Jamstack Sites.

• Ghost - A headless CMS for online publications

• Strapi - The open source Headless CMS Front-End Developers love.

API

Authentication

• Auth0 - Single sign on and token based authentication.

• Netlify Identity - Brings a full suite of authentication functionality, backed by the GoTrue API.

• Jexia UMS - REST API User management system for your webside with identy provider with JWT + extra functionality.

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

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

E-commerce

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

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.

File management

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

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.

• Elastictable - Backend as a Service solution built on AWS that's on a missing to increase the success rate of online businesses.

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

• Build a JAMstack Personal Blog with Headless Ghost 2.0 CMS & Gatsby

• How to Build a JAMstack Website using Vue.js, Nuxt.js and Cosmic JS

• Ghost on the Jamstack

• 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

• 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

• 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

• 9 Headless CMS Options for Your Jamstack Site

• State of Jamstack 2020 report

• Jamify Tutorials — Publish flaring fast blogs with Gatsby and Ghost

• State of the Headless CMS Market 2020 report

• Why is Next.js my ultimate choice over Gatsby, Gridsome, and Nuxt?

• Adopting the JAMStack: Building CMS-backed static websites with Vue or React

• A Ghost Demo: How to Go Headless with Ghost CMS [Tutorial]

• Next.js E-Commerce Tutorial: Quick Shopping Cart Integration

• How to Build a Blog using React Static and Cosmic JS

• How to build a Static Serverless Blog for Free😇

• JAMStack vs serverless web apps -JAMstack? More like SHAMstack.

• Static File Hosting Doesn’t Have To Be So… Static

• Static First: Pre-Generated JAMstack Sites with Serverless Rendering as a Fallback

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

• Modern Web Development on the JAMstack - New Techniques for Ultra Fast Sites and Web Applications by Mathias Biilmann & Phil Hawksworth

License

MIT

＃＃ 官方的

• Jamstack

• Jamstack 資源 - 關於 Jamstack 的視頻和文章。

• JAMstack 電台

• JAMstack 樣板

• Netlify 博客

• 什麼是 JAMstack？

• 為什麼是 JAMstack？

• 如何開始？

Jamstack 站點展示

• 我的投資組合 - 基於 Gatsby 構建並託管在 Netlify 上。

• React - 建立在 Gatsby 之上。

• Squoosh.app - 託管在 Netlify 上，展示了現代 Web 應用程序的高級功能。

• Hopper - 基於 Gatsby 構建並託管在 Netlify 上。

• VSCode 高級用戶課程 - 基於 Gatsby 構建並託管在 Netlify 上的 PWA。

• CloudyCam - PWA 基於 Next.js 構建並託管在 Zeit Now v2 無服務器平台上。

• 創意設計大師 - 基於 Netlify 上託管的 Eleventy.js 構建並使用 Tailwind CSS 進行樣式設置

平台

• Netlify - 用於自動化現代 Web 項目的多合一平台。

• Vercel - 適用於現代 Web 應用程序的多合一無服務器平台，具有無配置工具和工作流程。

靜態站點生成器

• Gatsby - 用於 React 的快速靜態站點生成器。

• Next.js - 用於靜態和服務器渲染應用程序的輕量級框架。

• Hugo - Hugo 是一個用 Go 編寫的靜態站點生成器。

• Jekyll - Jekyll 是一個簡單的、支持博客的、靜態站點生成器，非常適合個人、項目或組織站點。

• Hexo - 一個快速、簡單、強大的博客框架，由 Node.js 提供支持。

• Gridsome - Vue 支持的靜態站點生成器，用於為任何無頭 CMS、API 或 Markdown 文件構建 CDN 就緒的網站。

• Nuxt.js - 基於 vue 的多功能框架，用於服務器端渲染、靜態和傳統單頁應用程序。

• eleventy - 一個更簡單的靜態站點生成器，將各種模板文件轉換為 HTML。

• Nift - 一個用 C++ 開發的跨平台開源網站生成器，速度極快，功能強大。

內容管理系統

• Cosmic - 帶有 REST 和 GraphQL API 選項的無頭 CMS。

• Kentico Kontent - 可擴展的雲原生無頭 CMS。

• Contentful - 數字團隊的內容基礎設施。

• NetlifyCMS - 開源的基於 Git 的 CMS。

• ButterCMS - 無頭 CMS 和內容 API。

• GraphCMS - GraphQL Headless CMS。

• Prismic - 適用於開發人員和營銷人員的無頭 API CMS。

• Siteleaf - 適用於您的靜態網站的友好 CMS。

• DatoCMS - 您的編輯會喜歡的基於 API 的 CMS。

• Prose - Prose 是 GitHub 的內容編輯器，專為管理網站而設計。

• Tipe - 下一代 API-first CMS。

• 林業 - 用於使用靜態站點生成器構建的站點的無頭 CMS。

• HeadlessCMS - Jamstack 站點的內容管理系統列表。

• Ghost - 用於在線出版物的無頭 CMS

• Strapi - 開源無頭 CMS 前端開發人員喜愛。

API

＃＃＃ 驗證

• Auth0 - 單點登錄和基於令牌的身份驗證。

• Netlify Identity - 帶來一整套身份驗證功能，由 GoTrue API 提供支持。

• Jexia UMS - REST API 用戶管理系統，用於您的網站，具有 JWT + 額外功能的身份提供商。

＃＃＃ 評論

• Disqus - 全球評論系統，可改善網站上的討論並連接網絡上的對話。

• Facebook 評論 - 評論插件允許人們使用他們的 Facebook 帳戶評論您網站上的內容。

• Utterances - 基於 GitHub 問題構建的輕量級評論小部件。將 GitHub 問題用於博客評論、wiki 頁面等。

＃＃＃ 形式

• Formcake - 為開發人員構建的表單後端：Zapier 集成、零依賴、簡單的 API 和無限的表單。

• Getform - 設計者和開發者的表單後端平台。在幾分鐘內為您的靜態站點設置表單端點，並通過 Zapier 集成和 Webhooks 支持擴展您的數據。

• Netlify Forms - 通過在部署時直接解析 HTML 文件，在構建時內置表單處理。

• Arengu - 使用 Arengu 構建註冊表單和登錄表單，啟用社交登錄，添加 2FA 或使用無密碼流程通過您的 API 或身份提供者對用戶進行身份驗證。

＃＃＃ 電子商務

• Snipcart - 一個強大的開發者購物車平台。

• Moltin - 面向開發人員的電子商務 API。

• 手推車 - 專為 Jamstack 設計的購物車。

• Shopify - Shopify 無頭電子商務解決方案。

• Commerce.js - 面向開發人員的 API 優先電子商務平台。

＃＃＃ 搜索

• Algolia - 在您的業務中構建搜索的最可靠平台。

• Lunr - 搜索變得簡單（在前端）。

數據庫

• GraphQL - API 的查詢語言和使用現有數據完成這些查詢的運行時。

• Graphcool - 開源和自託管後端即服務，用於開發無服務器 GraphQL 後端。

• FaunaDB - 在雲端或本地具有連接、索引和多區域 ACID 事務的關係型 NoSQL 數據庫。

＃＃＃ 文件管理

• Jexia FileSet - 具有索引和額外功能的應用程序的 REST API 文件管理器。

無服務器

• Netlify 函數 - Netlify 允許您在沒有 AWS 賬戶的情況下部署 Lambda 函數，並在 Netlify 中直接處理函數管理。

• Amazon Lambda - 讓您無需預置或管理服務器即可運行代碼。

• 微軟天青

  • Azure Functions - 無服務器計算服務使您能夠按需運行代碼，而無需顯式預配或管理基礎架構。

  • Azure 邏輯應用程序 - 簡化構建自動化可擴展工作流，跨雲服務和本地系統集成應用程序和數據。

• 谷歌云

  • App Engine - 完全抽象基礎設施的無服務器應用程序，因此您只關注代碼。

  • 雲功能 - 用於構建和連接雲服務的無服務器環境。

  • 雲數據存儲 - 高度可擴展的 NoSQL 數據庫，具有自動分片和復制功能。

  • 雲存儲 - 滿足高 QPS 需求的地理冗餘對象存儲。

  • Cloud Pub/Sub - 適用於所有消息大小和速度的地理冗餘實時消息傳遞。

  • Apigee - 多雲環境的企業 API 管理。

  • 端點 - 基於 Google Cloud 構建的 API 管理應用。

  • Cloud Dataflow - 無服務器流和批處理數據處理服務。

  • BigQuery - 無服務器數據倉庫服務，可幫助您為企業部署高級雲數據倉庫解決方案。

  • Cloud ML Engine - 基於自定義 Google 硬件（張量處理單元）自動擴展的無服務器機器學習服務。

• 無服務器 - 用於部署和操作無服務器架構的工具包。

• Cloudinary - 無服務器媒體（圖像/視頻）管理平台。為 Jamstack 提供每種流行語言的 SDK 和媒體小部件，以便輕鬆管理媒體、CDN、存儲、轉換等。

• imgix - 無服務器圖像交付和管理服務。imgix 連接到您的圖像存儲位置（例如 S3、GCS、Web 文件夾），並使用簡單而強大的 URL 參數轉換、優化和智能地交付您的圖像。

• Elastictable - 建立在 AWS 上的後端即服務解決方案，缺少提高在線業務的成功率。

有關更完整的列表，請參閱 Awesome Serverless。

視頻

• 新的前端堆棧。JavaScript、API 和標記 - Matt Biilmann。

• Jamstack 的崛起 - Mathias Biillman。

• Jamstack：愚蠢的名字，嚴肅的東西 - Phil Hawksworth。

• 基於 Git 或 API 驅動的 CMS - Chris Macrae。

• Jamstack 教程 - 使用 Netlify 和 Hugo 的完整站點 - freeCodeCamp.org。

• 蓋茨比 JS 速成課程 - Traversy Media。

• 我們如何到達這里以及網絡的未來 - Kyle Mathews。

• 來自所有 Jamstack 會議的演講 - Jamstack Conf.

• 我如何使用 React、Vue 和 Node 構建單個 Jamstack 應用程序 - Ahmad Awais。

• React vs Vue，Gatsby vs Gridsome - 構建同一個站點 - Ondrej Polesny。

• WTF 是 Jamstack？ - Ondrej Polesny。

教程/文章

• 使用 Headless Ghost 2.0 CMS 和 Gatsby 構建 JAMstack 個人博客

• [如何使用 Vue.js、Nuxt.js 和 Cosmic JS 構建 JAMstack 網站](https://cosmicjs.com/articles/how-to-build-a-jamstack-website-using-vuejs-nuxtjs-and -cosmic-js-jws3mpy1)

• Jamstack 上的幽靈

• 在 Gatsby 中使用 Getform 構建聯繫表單

• Gatsby 和 Cockpit 入門 — 第 1 部分，共 2 部分

• 使用 GatsbyJs 創建靜態電子商務網站

• 對於靜態站點，沒有理由不使用 CDN

• Vue.js、Nuxt.js 和 Snipcart 的電子商務前端

• 建造章魚保羅

• [Jamstack 和 Netlify：我們真的需要另一個流行語嗎？]（https://noti.st/philhawksworth/qp7jZC/jamstack-and-netlify-do-we-really-need-another-buzzword）

• Jamstack 創業版圖

• 我如何使用 Gatsby 和 Netlify 構建我的博客

• 無頭電子商務開發者指南

• 在 Netlify 上使用 Gatsby 處理靜態表單、身份驗證和無服務器功能

• Jamstack 客戶端：優勢、靜態站點 CMS 和限制

• 探索 Netlify CMS，一個基於 React 和 Git 的內容管理系統

• [Jamstack PWA — 讓我們構建一個投票應用程序。使用 Gatsby.js、Firebase 和 Styled-components Pt。1]（https://medium.com/@UnicornAgency/jamstack-pwa-lets-build-a-polling-app-with-gatsby-js-firebase-and-styled-components-pt-1-78a03a633092）

• [帶有 Netlify 和 iOS 快捷方式的動態靜態站點；使用 Netlify 函數、Gulp 構建過程和 iOS 快捷方式將動態內容髮佈到您的靜態站點](https://bryanlrobinson.com/blog/2018/11/12/ios-shortcuts-pushing-data-to-netlify-static -地點/）

• Gatsby for Apps

• 轉靜態動態

• 使用 Netlify 和 Nuxt 使用 Jamstack

• Gridsome 入門

• 將您的第一個靜態網站部署到 IPFS 的完整初學者指南

• 關於 Jamstack 和電子商務的廣泛討論（播客和抄本）

• 靜態站點生成器初學者指南

• Jamstack 站點的 9 個無頭 CMS 選項

• 2020 年 Jamstack 狀態報告

• Jamify 教程 — 使用 Gatsby 和 Ghost 發布快速博客

• 2020 年無頭 CMS 市場狀況報告

• 為什麼 Next.js 是我對 Gatsby、Gridsome 和 Nuxt 的最終選擇？

• 採用 JAMStack：使用 Vue 或 React 構建由 CMS 支持的靜態網站

• [A Ghost 演示：如何使用 Ghost CMS 進行 Headless [教程]](https://hashnode.com/post/a-ghost-demo-how-to-go-headless-with-ghost-cms-tutorial- cjy4fxmmr0001rts1pyp2ch2s)

• Next.js 電子商務教程：快速購物車集成

• 如何使用 React Static 和 Cosmic JS 構建博客

• 如何免費構建靜態無服務器博客😇

• JAMStack 與無服務器 Web 應用程序 -JAMstack? 更像 SHAMstack。

• [靜態文件託管不必如此......靜態]（https://css-tricks.com/static-file-hosting-doesnt-have-to-be-so-static/）

• [靜態優先：使用無服務器渲染作為後備的預生成 JAMstack 站點](https://css-tricks.com/static-first-pre-generated-jamstack-sites-with-serverless-rendering-as-a-倒退/）

書籍

• Jamstack 上的現代 Web 開發 - 作者 Mathias Biilmann 和 Phil Hawksworth（由 O' 出版賴利）。

• 雨果行動

• Jumpstart Jamstack 開發 - 作者：Christopher Pecoraro 和 Vincenzo Gambino

• JAMstack 上的現代 Web 開發 - Mathias Biilmann 和 Phil Hawksworth 的超快速站點和 Web 應用程序新技術

＃＃ 執照

麻省理工學院