Awesome Gatsby

Carefully curated list of awesome Gatsby resources. What is Gatsby, you say?

⚛️ 📄 🚀 Blazing fast React.js static site generator

Please read the contribution guidelines before contributing.

Table of Contents

• Tools
• IDEs
• Videos
• Talks
• Tutorials
• Inspiration
• No-Code Platform

Tools

• Check out the official Gatsby Starters page for an updated list of starter kits!
• Check out the official Gatsby Plugins page for an updated list of super handy Gatsby plugins.

IDEs

• Visual Studio Code (VSCode)
  • VSCode Extension silvenon.mdx which provides syntax highlighting and bracket matching for MDX (JSX in Markdown) files.
  • VSCode Extension dbaeumer.vscode-eslint for ESLint integration
  • VSCode Extension nickytonline.vscode-gatsby-snippets providing snippets for GatsbyJS

Videos

• Static Site Generation with Gatsby.js
• React.js Conf 2016 - Lightning Talks - Kyle Matthews
• Developing with React and Gatsby.js
• GraphQL Summit Open Source Lightning Talk: Gatsby
• ReactJS E-Commerce With No Backend Using Snipcart & Gatsby
• Michael Cereda's multi-part series of blog posts on building his site with Gatsby
• Talk on GatsbyJS @ ViennaJS

Tutorials

• Official Gatsby Tutorials
• Level Up Tutorials - Gatting Started with Gatsby
• A Step-by-Step Guide: Gatsby on Netlify
• Girraffe Academy - Gatsby - Static Site Generator
• Gatsby – Static Site Generator For React
• Egghead - Build a Blog with React and Markdown using Gatsby
• Building a Photo Site With GatsbyJS and the WordPress.com API
• Gatsby + Contentful + Netlify (and Algolia)
• Learn Gatsby.js
• Practical Gatsby.js
• Gatsby + Apollo + GraphCool + Netlify: The Web’s Promised Land
• Creating A Blog With GatsbyJS - Part One
• Creating A Blog With GatsbyJS - Part Two
• Gatsby on AWS Lambda
• Getting Started With Gatsbyjs - Live Coding
• Improving Gatsby Blog Deploy UX
• Add a chat widget to your Gatsby blog
• Start a new website with Gatsby, Prismic CMS & Netlify
• Blogging with Gatsby & MDX
• Blogging with Jamify (Gatsby + Ghost CMS)

Inspiration

• Official Gatsby Showcase
• Taking Gatsby for a spin
• Why I created my blog with Gatsby and Contentful
• On moving to Gatsby.js from Pelican
• Blogging with Gatsby
• Gatsby & GraphCMS, Sittin in a Recursive Tree
• JamStack Podcasr - Static Site Generation With Gatsby.js

Themes

• JamTemplates: free templates for Gatsby
• Gatsby Manor: themes for GatsbyJS
• Gatsby Templates: some more themes for GatsbyJS
• Apollo
• Byfolio
• Carbon
• Novela
• Serif
• Themes by LekoArts
• Jason's Blog
• Legal Prismic
• Documentation
• AntV
• arshad's themes: Flex, Phoenix
• Tabor
• WordPress Balsa Theme
• WordPress Libre Theme
• Ghost Attila Theme
• Ghost Balsa Theme
• Jamify Theme: Flaring fast blogs with Gatsby and Ghost
• vHealth: Gatsby template for a healthcare startup.
• FlexiBlog: Premium GatsbyJS multi-purpose blog theme

Sites built with Gatsby (source code included)

• jamtemplates.com
• gregberge.com (source)
• elgentos.nl (source)
• uitgeverijpluim.nl
• p16r.nl
• bricolage.io (source)
• syncano.io (source)
• graphene-python.org (source)
• likescoffee.com (source)
• vii.campjs.com (source)
• michaeljdeeb.com (source)
• brittcrawford.com (source)
• iamdustan.com (source)
• React Hardware (source)
• peterp.me (source)
• k-create.com (source)
• kylegach.com (source)
• jazlal.li (source)
• React Headroom (source)
• Völlig Ohne (source)
• openFDA (source)
• emilyaviva.com (source)
• React Gravatar (source)
• johnmorris.io (source)
• HalfAtheist (source)
• ZBT MIT Website (source)
• ethereumclassic.org (source)
• numenta.com (source)
• Yuppies (source)
• oliverbenns.com (source)
• Kapadiya.net (source)
• anvilabs.co (source)
• Cardiogram
• Geographer (source)
• fuchs+wald (source)
• damianmullins.com (source)
• Spencer Dixon's Blog (source)
• LandlordAccountz.com
• Timo Becker (source)
• Sacha Greif (source)
• Crypto Christmas (source)
• Reactiflux (source)
• 2016 JavaScript Rising Stars (source)
• Daniel Reszka blog, code & gallery (source)
• meadowlab.io
• xpchbill.github.io (source)
• jaredhanstra.com (source)
• BBQ Agency (source)
• Coriolan UI - sass mixins pack (source)
• 5 minutes of React podcast - in Russian (source)
• 5 minutes of React podcast - in English (source)
• Megan Keesee (source)
• storybooks.js.org (source)
• effulgence.io (source)
• krzysztofzuraw.com (source)
• Fabian Schultz (source)
• Bottenderjs (source)
• Ontheplane2018
• Vojtech Ruzicka's Programming Blog (source)
• pricetrack (source)
• Resturant Journeys (source)
• abhith.net (source)
• reacthooks.dev (source)
• Divyanshu Maithani (source)
• Nyxo (source)

No-Code Platform

• Draftbox
• Plasmic

License

To the extent possible under law, Prayash Thapa has waived all copyright and related or neighboring rights to this work.