Awesome JAMstack 
JAMstack is a Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. The JAMstack is not about specific technologies. Itโs a new way of building websites and apps that delivers better performance, higher security, lower cost of scaling, and a better developer experience.
List inspired by the awesome list and awesome-nextjs list
Table of Contents
Official Resources
- Official Website
- JAMstack Radio
- JAMstack Boilerplates
- Netlify Blog
- What is the JAMstack?
- Why the JAMstack?
- How do I get started?
- JAMstack best practices
- JAMstack resources
Community
- Jamstack Community
- Jamstack Discord Community
- Jamstack Conf
- Jamstack Conf on Twitter
- Jamstack_dev at Reddit
- Jamstack at Linkedin
- GitHub
- YouTube
Useful Tools
- StaticGen - A List of Static Site Generators for JAMstack Sites
- Headless CMS - A List of Content Management Systems for JAMstack Sites
- Netlify - Everything you need to build fast, modern websites from local development to global deployment.
- StaticKit - Form Hosting for JAMstack Sites
- Zeit - The easiest way to deploy websites
- Disqus - Blog comment hosting service for your JAMstack sites
- Netlify Forms - Manage forms and submissions without any server-side code or JavaScript.
- Stackbit - Create a CMS-connected JAMstack site deployed to Netlify in minutes.
- JAMstackThemes.dev - A list of themes for JAMstack sites for most popular static site generators.
- JAMstack CMS - JAMstack CMS gives you the ability to deploy a full stack serverless website in just a few minutes.
- Commerce Layer - Headless commerce platform and order management system that lets you add global shopping capabilities to any website, mobile app, chatbot, or IoT device, with ease.
- Plasmic - Powerful design tool for building your React components and Jamstack websites visually.
- Snipcart - Shopping cart you can simply add to any of your favorite website stack.
Articles
- Introducing JAMstack: The Modern Web Architecture
- JAMstack Fundamentals: What, What And How
- What is JAMstack and why you should try it
- Static Websites + JAMstack = <3
- How to Build a JAMstack Website
- Useful APIs to know when building a JAMstack app
- Go static: 5 reasons to try JAMstack on your next project
- JAMstack for Clients: On Benefits & Static Site CMS
- A JAMstack-ready CMS
- Building JAMStack powered react-static sites using GraphQL on Postgres
- Isomorphic Rendering on the JAMstack
- Dynamic product management in a static e-commerce workflow
- Secure and Scalable: An Introduction to JAMstack
- New to JAMstack? Everything You Need to Know to Get Started
- Zero to HTTP/2 with AWS and Hugo
- Getting Started With Hugo and Deploying to Netlify
- What is the JAMstack?
- A JAMstack-ready CMS
- JAMstack Basics: How to Create a Gatsby Starter with Contentful and Deploy to Netlify
- The Promise of JAMStack
- JAMstack vs Isomorphic Server Side Rendering
- New to JAMstack? How to make a site from A to Z
- From WordPress to JAMstack: How to make your website 10x faster
- JAMstack: The What, The Why and The How
- Adopting the JAMStack: Building CMS-backed static websites with Vue or React
- 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
- 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
- Modern Jamstack Hosting and Deployment Solutions
- Static First: Pre-Generated JAMstack Sites with Serverless Rendering as a Fallback
- Hey, letโs create a functional calendar app with the JAMstack
- What Is JAMstack
- Building a JAMstack Blog: Gatsby and ButterCMS on Netlify
- Making Sense of Jamstack & Serverless Architecture
- Jamstack Ecosystem
Speaker Decks
- Rise of the JAMstack
- Harnessing the power of the JAMstack with a Headless CMS
- Introducing JAMstack - What we talk about when we talk about modern web tools
- The JAMstack in 2019: Why (and How) to Get Started
- Breaking Down Best Practices for JAMstack
- Is your JAMstack app really JAMstack?
- React and the JAMstack - Reactathon Fundamentals 2018
- The Sweetness of the JAMstack
- JAMstack Cheatsheet
- Developing with WordPress, the JAMstack way
- Lightning Talk - JAMStack
- New Stack Lunch Presentation
- The JAMstack - Smashing Conf Freiburg 2017
- What the JAMstack?
Books
- Modern Web Development on the JAMstack - New Techniques for Ultra Fast Sites and Web Applications by Mathias Biilmann & Phil Hawksworth
Videos
- Free, educational video courses about various JAMstack projects and technologies
- Rise of the JAMstack - Mathias Biillman
- The Rise of the JAMstack CMS โ Matt Biilmann
- The New Front-end Stack. Javascript, APIs and Markup - Mathias Biillman
- Frontend for a server-less stack - Brian Douglas
- The State of the JAMstack Nation - Sarah Drasner
- Easy Isomorphic Rendering on the JAMstack - Phil Hawksworth
- Performant web animations โ Emily Hayman
- Why static types in Javascript? โ Preethi Kasireddy
- A Modern Web Landscape โ Matt Biilmann, Frances Berriman, and Wilson Miner
- You need an API: Now what? โ Erin McKean
- Using Elm to Prototype and Build Web Applications โ David Calavera
- GraphQL: The Mental Model โ Dhaivat Pandya
- JWT FTW WTF? โ Matt Biilmann
- Jammin' with Markdown โ David Wells
- JAMstack for clients โ Brian Douglas
- What is the JAMStack?
- JAMstack Tutorial - Full site using Netlify & Hugo
- Jamstack Getting Started Video
- How We Talk About the JAMstack - Matt Biilmann
- The All Powerful Front End Developer - Chris Coyier
- How freeCodeCamp Serves Millions of Learners Using the JAMstack
- My Honest Experience from Start to End with the Jamstack... Umm!?
- Jam Stack: The New Kid on the Block - JS Monthly - March 2019
- Build Modern JAMstack Websites in Minutes - Ben Edwards
- What is the JAMstack? - Phil Hawksworth
- JAMstack Course - Build websites that are simpler, faster, and more secure
Examples
- derrickreimer.com - A JAMstack site build with Jekyll and deployed on Netlify. (source)
- ecommerce-netlify.netlify.com - A JAMstack Ecommerce Site built with Nuxt and Netlify Functions. (source)
- bolajiayodeji.com - A JAMstack site built with Nextjs and deployed on Firebase. (source)
Contributing
Found an awesome resource, article, blog, video, speaker deck etc.? Please send me a pull request and follow the contributors guidelines.
Contributors โจ
Thanks goes to these wonderful people (emoji key):
Check out my blog, newsletter, or say hi on Twitter.
License
This work is licensed under a Creative Commons Attribution 4.0 International License.
