BolajiAyodeji / Awesome Jamstack
๐ Curated list of resources: books, videos, articles, speaker decks, tools about using the JAMstack (A modern web development architecture for creating fast, secure and dynamic websites)
Stars: โญ 115
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Awesome Jamstack
statiq-starter-kontent-lumen
Lumen is a minimal, lightweight, and mobile-first starter for creating blogs using Statiq and Kontent by Kentico.
Stars: โญ 22 (-80.87%)
Mutual labels: static-site, jamstack, headless-cms
Learn Anything
Organize world's knowledge, explore connections and curate learning paths
Stars: โญ 13,532 (+11666.96%)
Mutual labels: api, community, resources
Opensourceresources
Free opensource Learning Resources related to Web-Development A to Z ๐ฅโค
Stars: โญ 210 (+82.61%)
Mutual labels: resources, tutorials, open-source
Awesome Technical Writing
๐ A curated list of awesome resources : articles, books, videos, tools, podcasts about technical writing
Stars: โญ 573 (+398.26%)
Mutual labels: resources, tutorials, open-source
First Contributions
๐โจ Help beginners to contribute to open source projects
Stars: โญ 21,839 (+18890.43%)
Mutual labels: community, tutorials, open-source
contentful-hugo
A CLI tool that pulls data from Contentful and turns it into markdown files for Hugo and other static site generators. It also includes an express server that can be used for local development and content previews
Stars: โญ 31 (-73.04%)
Mutual labels: static-site, jamstack, headless-cms
Women In Technology
A collection of resources for women in tech, consisting of - courses, learning guides, amazing sites and repos, blogs, programs and events. scholarships, etc.
Stars: โญ 170 (+47.83%)
Mutual labels: community, resources, website
Strapi
๐ Open source Node.js Headless CMS to easily build customisable APIs
Stars: โญ 41,786 (+36235.65%)
Mutual labels: api, headless-cms, jamstack
Flextype
Hybrid Content Management System with the freedom of a headless CMS and with the full functionality of a traditional CMS
Stars: โญ 436 (+279.13%)
Mutual labels: api, headless-cms, open-source
Headlesscms.org
Source for headlesscms.org
Stars: โญ 628 (+446.09%)
Mutual labels: static-site, headless-cms, jamstack
Dev Portal
The SingularityNET Developer Portal where you can find all our documentation, tutorials, and developer resources!
Stars: โญ 81 (-29.57%)
Mutual labels: resources, tutorials
Hydrogen
๐ Hydrogen. Voted (by me) the world's lightest static-site generator built with TypeScript โค It uses ๐ฅ lit-html inspired templating for super duper performant template generation.
Stars: โญ 80 (-30.43%)
Mutual labels: api, static-site
Apis
This Repository contains link to many Open or Closed Source APIs which I've made
Stars: โญ 79 (-31.3%)
Mutual labels: api, website
Daptin
Daptin - Backend As A Service - GraphQL/JSON-API Headless CMS
Stars: โญ 1,195 (+939.13%)
Mutual labels: static-site, headless-cms
Commerce.js
Open source, JS eCommerce SDK for building headless, Jamstack applications. Build custom storefronts, carts, and checkouts in any frontend framework, platform, or device. Integrates with Stripe, Square, PayPal, Paymill and Razorpay with support for 135+ currencies.
Stars: โญ 112 (-2.61%)
Mutual labels: open-source, jamstack
Binari
Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of dynamic programming.
Stars: โญ 82 (-28.7%)
Mutual labels: open-source, website
Bhagavadgita
A non-profit initiative to help spread the transcendental wisdom from the Bhagavad Gita to people around the world.
Stars: โญ 84 (-26.96%)
Mutual labels: api, open-source
Collaboration For Beginners
A Beginner's Guide to Contributing in an Open Source Project.
Stars: โญ 86 (-25.22%)
Mutual labels: community, open-source
Apps
A collection of apps built on Electron
Stars: โญ 1,283 (+1015.65%)
Mutual labels: community, open-source
Njupt Yellow Page
๐ๅไบฌ้ฎ็ตๅคงๅญฆ้ป้กต
Stars: โญ 74 (-35.65%)
Mutual labels: resources, open-source
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
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.
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
- 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
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)
- olamilekan.dev - A JAMstack site built with Hugo and deployed on Netlify.
- 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):
Bolaji Ayodeji ๐ ๐ ๐ ๐ง |
Derrick Reimer ๐ง ๐ |
Ivan Bila ๐ |
Brian Rinaldi ๐ |
Derek Coleman ๐ |
Tamas Piros ๐ |
Genesis Gabiola ๐ |
Peter Thaleikis ๐ |
Check out my blog or say hi on Twitter.
License
This work is licensed under a Creative Commons Attribution 4.0 International License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].