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
155 forks
last commit: over 2 years ago
Linked from 4 awesome lists

awesomeawesome-listjamstackjavascriptstatic-sitestatic-site-generator

General

Jamstack
Jamstack resourcesVideos and articles about Jamstack
the New DynamicPick up tools in our Directory to work with the Jamstack. Browse our showcase and get inspired
StatichuntJamstack Themes and Resources directory
Built At LightspeedA large directory of Jamstack themes, starters & UI kits

Chats

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

Platforms

NetlifyAll-in-one platform for automating modern web projects
VercelAll-in-one serverless platform for modern web apps with config-free tools and workflows
Layer0All-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 AppsFull-stack serverless hosting with integrated CI/CD workflow, authentication, CDN and more
StormkitPowerful all in one infrastructure for modern javascript apps. It integrates with your git flow and builds, deploys and scales your apps seamlessly
Cloud 66Builds and deploys static websites to your own cloud account

No-Code Platforms

Jamstack.newCreate a new Jamstack website with 1 click, brought to you by Stackbit
StoripressAll-in-one publishing + blogging platform with integrated site builder and workflow management
DraftboxLightning fast, secure front-end for your WordPress or Ghost blog, without coding
PlasmicPowerful design tool for building your React components and Jamstack websites visually
TeleportHQFront-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

ReactBuilt on Gatsby
Squoosh.appHosted on Netlify, demonstrates advanced features from a modern Web Application
HopperBuilt on Gatsby and hosted on Netlify
VSCode Power User CoursePWA built on Gatsby and hosted on Netlify
CloudyCamPWA built on Next.js and hosted on Zeit Now v2 Serverless platform
FbaMonthlyHosted on Netlify, built with Jekyll, Netlify Functions and Netlify Forms
Jarod PeacheyBuilt with Gatsby + MaterialUI and hosted on Netlify
ProtonDBReact/MaterialUI/Firebase hosted on Netlify since August 2018. Prominent in Linux gaming community
Creative Designs GuruBuilt on Eleventy.js hosted on Netlify and styled with Tailwind CSS
HandleDroidBuilt with Next.js, MongoDB, Auth0, AWS CloudWatch, SendGrid, Stripe and hosted on Netlify
BacklinkoBuilt with Next.js, headless WordPress and Netlify

Static Site Generators

GatsbyBlazing-fast static site generator for React
Next.jsLightweight framework for static and server-rendered applications
HugoHugo is a static site generator written in Go
JekyllJekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites
HexoA fast, simple & powerful blog framework, powered by Node.js
MetalsmithAn extremely simple, pluggable static site generator
PhenomicA modular website compiler
GridsomeVue-powered static site generator for building CDN-ready websites for any Headless CMS, APIs or Markdown-files
Nuxt.jsVersatile vue-based framework for server-side-rendered, static and traditional single page applications
eleventyA simpler static site generator transforming various template files into HTML
NiftA cross-platform open source website generator developed in C++ that is lightning fast and extremely powerful
AstroBuild faster websites, while shipping less to almost no Javascript
FactorJSNext-generation framework powered by Vite

CMS

CosmicHeadless CMS with REST and GraphQL API options
Kentico KontentA cloud-native headless CMS that scales
ContentfulContent infrastructure for digital teams
Decap CMSOpen source Git-based CMS
ButterCMSHeadless CMS and Content API
ScrivitoCloud-based JavaScript CMS built for digital agencies and medium to large-sized businesses
GraphCMSThe GraphQL Headless CMS
ApitoA Cloud Based Headless CMS with CDN, Webhooks, Team Collaborations, Content Revision, Cloud Functions
PrismicHeadless API CMS for both developers and marketers
SiteleafA friendly CMS for your static site
DatoCMSThe API-based CMS your editors will love
ProseProse is a content editor for GitHub designed for managing websites
ForestryHeadless CMS for sites built with static site generators
Coisas328over 2 years agoA client-side CMS for editing GitHub Markdown (and other) files
CockpitA self-hosted headless and api-driven CMS
HeadlessCMSA List of Content Management Systems for Jamstack Sites
TakeShapeHeadless GraphQL API CMS with 1-click deploy to Netlify
GhostA headless CMS for online publications
StrapiThe open source Headless CMS Front-End Developers love
FlotiqAn effortless headless CMS
TreacleWPWordPress API hosting
Agility CMSThe best of both worlds for developers and content editors
CloudCannonThe Git-based CMS for your Jamstack sites
ContemberBespoke content management. Build and run GraphQL API and user-centric administration without any hassle

API / Authentication

Auth0Single sign on and token based authentication
Netlify IdentityBrings a full suite of authentication functionality, backed by the
StytchPasswordless 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

DisqusGlobal comment system that improves discussion on websites and connects conversations across the web
Facebook CommentsThe comments plugin lets people comment on content on your site using their Facebook account
UtterancesA lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more

API / Forms

Fetch FormsCreate forms with the speed of a form builder and use them in your applications by calling a simple API
FormcarryHassle-free HTML form endpoints for your form, powerful dashboard, reliable spam blocking, attachment uploads and Zapier integrations
FormcakeA form backend built for developers: Zapier integrations, zero dependencies, a simple API, and unlimited forms
GetformForm 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 FormsBuilt-in form handling on building time by parsing HTML files directly at deploy time
ArenguBuild 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 FormsIntegrate 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 Snipcart98over 2 years agoAstro Snipcart allows developers to build E-Commerce sites using the Astro framework and the Snipcart platform
Flatmarket1,004over 9 years agoFlatmarket is a free, open source e-commerce platform for static websites
GoCommerceA headless e-commerce for Jamstack sites
SnipcartA powerful shopping cart platform for developers
MoltineCommerce API for developers
TrolleyA shopping cart designed for the Jamstack
ShopifyShopify headless e-commerce solution
Commerce.jsAPI-first eCommerce platform for developers
CartQLGraphQL Shopping Cart and Checkout API built for the Jamstack and to work with any framework and inventory
MedusaMedusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences
SaleorSaleor is , GraphQL-first, technology agnostic commerce engine
AlgoliaThe most reliable platform for building search into your business
LunrSearch made simple (on frontend)
CloudShPowerful search with a few lines of JavaScript

API / Database

GraphQLQuery language for APIs and a runtime for fulfilling those queries with your existing data
GraphcoolOpen-source and self-hosted backend-as-a-service to develop serverless GraphQL backends
FaunaDBRelational NoSQL database with joins, indexes, and multi-region ACID transactions in the cloud or on-premise
FireproofZero dependency, offline-capable CRDT database, runs in the browser and connects to any cloud
Jexia DataSetREST API Schema & Schemaless cloud data storage with built-in validators, relations, aggregation functions
TigrisOpen-source data platform with databases, automatic search indexing for real-time search, caching and real-time pub/sub

API / File management

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

API / Automation

ZapierTrigger actions connecting more than 1000 apps together
DataFire583over 3 years agoDataFire is an open source framework for building and integrating APIs

Serverless

Netlify FunctionsNetlify lets you deploy Lambda functions without an AWS account, and with function management handled directly within Netlify
Amazon LambdaLets you run code without provisioning or managing servers

Serverless / Microsoft Azure

Azure FunctionsServerless compute service that enables you to run code on-demand without having to explicitly provision or manage infrastructure
Azure Logic AppsSimplifies building automated scalable workflows that integrate apps and data across cloud services and on-premises systems

Serverless / Google Cloud

App EngineServerless application that completely abstracts away infrastructure so you focus only on code
Cloud FunctionsServerless environment to build and connect cloud services
Cloud DatastoreHighly-scalable NoSQL database with automatic sharding and replication
Cloud StorageGeo-redundant object storage for high QPS needs
Cloud Pub/SubGeo-redundant real-time messaging for all message sizes and velocities
ApigeeEnterprise API management for multi-cloud environments
EndpointsAPI management apps built on Google Cloud
Cloud DataflowServerless stream and batch data processing service
BigQueryServerless data warehousing services that help you to deploy advanced cloud data warehousing solutions for your enterprise
Cloud ML EngineServerless machine learning services that automatically scales built on custom Google hardware (Tensor Processing Units)

Serverless

ServerlessToolkit for deploying and operating serverless architectures
CloudinaryServerless 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
imgixServerless 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
TwicPicsServerless 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 MarkupMatt Biilmann
Rise of the JamstackMathias Biillman
Jamstack: Silly name, serious stuffPhil Hawksworth
Git-based or API-driven CMSChris Macrae
Jamstack Tutorial - Full site using Netlify & HugofreeCodeCamp.org
Gatsby JS Crash CourseTraversy Media
How We Got Here and The Future of the WebKyle Mathews
Talks from all the Jamstack ConferencesJamstack Conf
How I Used React, Vue, & Node to Build a Single Jamstack AppAhmad Awais
React vs Vue, Gatsby vs Gridsome - building the same siteOndrej 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 NetlifyLeverage 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 JamstackBy Mathias Biilmann & Phil Hawksworth (published by O'Reilly)
Hugo in Action
Jumpstart Jamstack DevelopmentBy Christopher Pecoraro and Vincenzo Gambino
The Jamstack Bookby Raymond Camden and Brian Rinaldi

Backlinks from these awesome lists:

0