Awesome Gatsby Resources
A curated list of interesting Gatsby community projects and learning resources.
Site showcase
See the site showcase
Starters
See the library of official and community starters
Plugins
See the library of official and community plugins
Themes
See the unofficial list of themes
Tools
- Develop & Build GatsbyJS static sites within Docker
- Is Gatsby? - Browser extension for Chrome and Firefox to check if a site / page is using Gatsby.
- Gatsby Docs Kit: A set of tools, extending Gatsby to generate gorgeous documentation static website.
Podcasts
- 2020-01-21: Sam Julien on Real Talk JavaScript #67
- 2019-06-05: Jason Lengstorf on Syntax #150: Gatsby Themes
- 2019-05-22: Jason Lengstorf on Full Stack Radio #115: Gatsby for Skeptics
- 2019-04-12: Jason Lengstorf on JS Party #71
- 2018-11-30: Kyle Mathews on Founders Talk #59
- 2018-11-14: Jason Lengstorf on React Podcast
- 2018-07-18: The Great GatsbyJS w/ Jason Lengstorf on The Changelog #306
- 2018-04-17: Gatsby.js w/Jason Lengstorf
- 2018-02-28: syntax.fm on Static Site Generators (lots of Gatsby love)
- 2017-09-21: Kyle Mathews on JAMstack radio on “Static Site Generation with GatsbyJS
- 2017-07-21: Kyle Mathews on Web of Tomorrow
- 2017-08-17: Kyle Mathews on Software Engineering Daily
Videos
- Gatsby’s official YouTube channel
- Jason Lengstorf’s “Learn stuff with Jason” playlist
- Gatsby Days Bay Area December 2018 - Kyle Mathews & Guest Speakers
- Static Site Generation with Gatsby.js v0 — Scott Nonnenberg
- Build a JAMstack SaaS App with Gatsby playlist
- React.js Conf 2016 - Lightning Talks - Kyle Mathews
- Developing with React and Gatsby.js — Kyle Mathews
- GraphQL Summit Open Source Lightning Talk on Gatsby — Kyle Mathews
- Talk on GatsbyJS @ ViennaJS — Gerald Bauer
Livestreams
Gatsby tutorials
- Official tutorial
- Creating a blog with Gatsby
- Level Up Tutorials series on creating a blog
- Level up Tutorials Pro Gatsby series
- Giraffe Academy series on getting started with Gatsby
- Egghead course — “Build a Blog with React and Markdown using Gatsby”
- Build a photo site with Gatsby — 6 part tutorial
- Blazing fast website with Gatsby and Contentful series
- Image Optimization Made Easy with Gatsby.js
- ReactJS E-Commerce With No Backend Using Snipcart & Gatsby
- Michael Cereda’s multi-part series of blog posts on building his site with Gatsby
- Gatsby – Static Site Generator For React
- Build your own blog CMS with Gatsby and Airtable
- Gatsby JS Crash Course
- How I made my portfolio website blazing fast with Gatsby
- JAMstack Basics: How to Create a Gatsby Starter with Contentful and Deploy to Netlify
- How to deploy a static Gatsby app to Heroku
- A comprehensive guide to build your personal website using GatsbyJS and Ghost deployed on AWS
- Zero to Deploy: A Practical Guide to Static Sites with Gatsby.js
- Build blazing fast web applications with Gatsby 101
- Build a Coffee Shop Website w/ Gatsby, Contentful, SnipCard & Formspree
- Why I used GatsbyJS
- Introducing Dashbored — Generate Static Dashboards Using Gatsby
- 12 Factor Applications with GatsbyJS
- Reading Data From A JSON File With Gatsby + GraphQL
- The Great Gatsby Bootcamp [Full Course] - Andrew Mead
- Understanding the Gatsby lifecycle
- GatsbyGuides.com series on building web applications with Gatsby & Drupal
- Deep dive into Gatsby – Building a static blog using Gatsby, React and GraphQL
- Gatsby - Full Tutorial for Beginners
- Building a Video Blog with Gatsby and Markdown (MDX)
- Deploying Your First Gatsby Site to Netlify
- Add a chat widget to your Gatsby blog
- Headless WordPress: Why Gatsby Should Be Next on Your List of Things to Learn
- Gatsby Tutorials [video series] — Michael Uloth
- Guiding Digital’s “Gatsby” Playlist
German
- Ultra-schnellen Blog mit React und Gatsby erstellen (German)
- styled-components in Gatsby nutzen (German)
- Kategorien & Tags zu Gatsby hinzufügen (German)
- Erstelle dein Design System mit Gatsby (German)
- Upgrade-Guide: Gatsby v2 (German)
Russian
- JAMstack: Как создать свой блог используя Gatsby + Contentful + Netlify (Russian)
- Gatsby.js в деталях (Russian)
Spanish
Turkish
Ukrainian
- JAMstack: створюємо блог з Gatsby + Contentful + Netlify (Ukrainian)
- Детально про Gatsby.js — інструмент для створення складних веб-сайтів (Ukrainian)
Other resources
DEV Community
The DEV Community Gatsby tag is a place to share Gatsby projects, articles and tutorials as well as start discussions and ask for feedback on Gatsby-related topics. Developers of all skill-levels are welcome to take part.
Hashnode Community
Gatsby community on Hashnode is a place where you can read discussions about Gatsby projects, read articles and tutorials and ask the rest of the Hashnode community Gatsby-related questions.
Reddit Community
Gatsby community on Reddit is a place where you can read news about Gatsby, interact with other Gatsby developers and get advice on Gatsby-related Questions.
FreeCodeCamp Community
The FreeCodeCamp News Gatsby tag is a place where you can write and read substantial articles around Gatsby-related topics.