Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/prayash/awesome-gatsby

⚛️ 📄 🚀 Awesome list for the mighty Gatsby.js, a blazing fast React static site generator.
https://github.com/prayash/awesome-gatsby

List: awesome-gatsby

awesome-list gatsby gatsbyjs react static-site-generator

Last synced: about 2 months ago
JSON representation

⚛️ 📄 🚀 Awesome list for the mighty Gatsby.js, a blazing fast React static site generator.

Awesome Lists containing this project

README 

        
# Awesome Gatsby [![Awesome](img/badge.svg)](https://github.com/sindresorhus/awesome)



![Awesome Gatsby](img/banner.jpg 'Awesome Gatsby')



Carefully curated list of awesome [Gatsby](https://www.gatsbyjs.org/) resources. What is Gatsby, you say?



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



_Please read the [contribution guidelines](contributing.md) before contributing._






## Table of Contents









### Tools



- Check out the official [Gatsby Starters](https://www.gatsbyjs.org/docs/gatsby-starters/) page for an updated list of starter kits!

- Check out the official [Gatsby Plugins](https://www.gatsbyjs.org/docs/plugins/) page for an updated list of super handy Gatsby plugins.



### IDEs



- [Visual Studio Code (VSCode)](https://code.visualstudio.com/)

  - [VSCode Extension silvenon.mdx which provides syntax highlighting and bracket matching for MDX (JSX in Markdown) files.](https://marketplace.visualstudio.com/items?itemName=silvenon.mdx)

  - [VSCode Extension dbaeumer.vscode-eslint for ESLint integration](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

  - [VSCode Extension nickytonline.vscode-gatsby-snippets providing snippets for GatsbyJS](https://marketplace.visualstudio.com/items?itemName=nickytonline.vscode-gatsby-snippets)



### Videos



- [Static Site Generation with Gatsby.js](https://blog.scottnonnenberg.com/static-site-generation-with-gatsby-js/)

- [React.js Conf 2016 - Lightning Talks - Kyle Matthews](https://www.youtube.com/watch?v=RFkNRKL6ZoE)

- [Developing with React and Gatsby.js](http://www.staticwebtech.com/presentations/developing-with-react-gatsbyjs/)

- [GraphQL Summit Open Source Lightning Talk: Gatsby](https://youtu.be/y588qNiCZZo)

- [ReactJS E-Commerce With No Backend Using Snipcart & Gatsby](https://snipcart.com/blog/snipcart-reactjs-static-ecommerce-gatsby)

- [Michael Cereda's multi-part series of blog posts on building his site with Gatsby](https://medium.com/@michaelcereda/creating-an-isomorphic-universal-website-with-react-part-1-a905350acba8#.akoo25l6j)

- [Talk on GatsbyJS @ ViennaJS](https://www.youtube.com/watch?v=f0O1nCgqA3E&feature=youtu.be&a)



### Tutorials



- [Official Gatsby Tutorials](https://www.gatsbyjs.org/tutorial/)

- [Level Up Tutorials - Gatting Started with Gatsby](https://youtu.be/b2H7fWhQcdE)

- [A Step-by-Step Guide: Gatsby on Netlify](https://www.netlify.com/blog/2016/02/24/a-step-by-step-guide-gatsby-on-netlify/)

- [Girraffe Academy - Gatsby - Static Site Generator](https://www.youtube.com/playlist?list=PLLAZ4kZ9dFpMXuwazIt4mWtTuqOHdjRlk)

- [Gatsby – Static Site Generator For React](https://codingthesmartway.com/gatsby-static-site-generater-for-react-introduction/)

- [Egghead - Build a Blog with React and Markdown using Gatsby](https://egghead.io/courses/build-a-blog-with-react-and-markdown-using-gatsby)

- [Building a Photo Site With GatsbyJS and the WordPress.com API](https://jeremey.blog/gatsby-photo/)

- [Gatsby + Contentful + Netlify (and Algolia)](https://www.gatsbyjs.org/blog/2017-12-06-gatsby-plus-contentful-plus-netlify/)

- [Learn Gatsby.js](https://kalinchernev.github.io/learn-gatsbyjs/)

- [Practical Gatsby.js](https://blog.scottnonnenberg.com/practical-gatsby-js/)

- [Gatsby + Apollo + GraphCool + Netlify: The Web’s Promised Land](https://medium.com/@dwalsh.sdlr/gatsby-apollo-graphcool-netlify-the-webs-promised-land-6dd510efbd72)

- [Creating A Blog With GatsbyJS - Part One](http://blog.alexmlewis.com/creating-a-blog-with-gatsbyjs-part-one/)

- [Creating A Blog With GatsbyJS - Part Two](http://blog.alexmlewis.com/creating-a-blog-with-gatsbyjs-part-two/)

- [Gatsby on AWS Lambda](https://gist.github.com/digitalkaoz/94933c246ba67032a1507083e2605a30)

- [Getting Started With Gatsbyjs - Live Coding](https://www.youtube.com/watch?v=nufLF1kcn_4&feature=youtu.be)

- [Improving Gatsby Blog Deploy UX](https://benmccormick.org/2017/11/07/blog-deploy-ux/)

- [Add a chat widget to your Gatsby blog](https://pusher.com/tutorials/chat-gatsby/)

- [Start a new website with Gatsby, Prismic CMS & Netlify](https://medium.com/source-group/start-a-new-website-with-gatsby-prismic-cms-netlify-a875455c992)

- [Blogging with Gatsby & MDX](https://reacttraining.com/blog/gatsby-mdx-blog/)

- [Blogging with Jamify (Gatsby + Ghost CMS)](https://www.jamify.org/)

- [Image Processing in Gatsby](https://www.useanvil.com/blog/engineering/gatsby-image-processing/)

- [Learn how to install Gatsby with Tailwind CSS and Flowbite](https://flowbite.com/docs/getting-started/gatsby/)



### Inspiration



- [Official Gatsby Showcase](https://github.com/gatsbyjs/gatsby#showcase)

- [Taking Gatsby for a spin](https://dev.to/ardennl/taking-gatsby-for-a-spin-4je)

- [Why I created my blog with Gatsby and Contentful](https://www.gatsbyjs.org/blog/2017-11-09-why-i-created-my-blog-with-gatsby-and-contentful/)

- [On moving to Gatsby.js from Pelican](https://krzysztofzuraw.com/blog/2017/moving-blog-to-gatsby.html)

- [Blogging with Gatsby](http://blog.jbrisbin.com/blogging-with-gatsby/)

- [Gatsby & GraphCMS, Sittin in a Recursive Tree](https://graphcms.com/blog/gatsby-graphcms-plugin/)

- [JamStack Podcasr - Static Site Generation With Gatsby.js](https://www.heavybit.com/library/podcasts/jamstack-radio/ep-22-static-site-generation-with-gatsbyjs/)



#### Themes



- [JamTemplates: free templates for Gatsby](https://jamtemplates.com)

- [Gatsby Manor: themes for GatsbyJS](https://gatsbymanor.com)

- [Gatsby Templates: some more themes for GatsbyJS](https://gatsbytemplates.io)

- [Statichunt](https://statichunt.com/gatsby-themes)

- [Apollo](https://github.com/apollographql/gatsby-theme-apollo)

- [Byfolio](https://github.com/christiandavid/gatsby-theme-byfolio)

- [Carbon](https://github.com/carbon-design-system/gatsby-theme-carbon)

- [Novela](https://github.com/narative/gatsby-theme-novela)

- [Serif](https://github.com/JugglerX/gatsby-serif-theme)

- [Themes by LekoArts](https://github.com/LekoArts/gatsby-themes)

- [Jason's Blog](https://github.com/jlengstorf/gatsby-theme-jason-blog)

- [Legal Prismic](https://github.com/littleplusbig/gatsby-theme-legals-prismic)

- [Documentation](https://github.com/johno/gatsby-theme-documentation)

- [AntV](https://github.com/antvis/gatsby-theme-antv)

- [arshad's themes: Flex, Phoenix](https://github.com/arshad/gatsby-themes)

- [Tabor](https://github.com/zgordon/tabor-gatsby-theme)

- [WordPress Balsa Theme](https://github.com/draftbox-co/gatsby-wordpress-balsa-theme)

- [WordPress Libre Theme](https://github.com/draftbox-co/gatsby-wordpress-theme-libre)

- [Ghost Attila Theme](https://github.com/draftbox-co/gatsby-attila-theme-ghost)

- [Ghost Balsa Theme](https://github.com/draftbox-co/gatsby-ghost-balsa-theme)

- [Jamify Theme: Flaring fast blogs with Gatsby and Ghost](https://github.com/styxlab/gatsby-theme-try-ghost)

- [vHealth: Gatsby template for a healthcare startup.](https://github.com/shantanu-deshmukh/vhealth-gatsby)

- [FlexiBlog: Premium GatsbyJS multi-purpose blog theme](https://themeforest.net/item/flexiblog-react-gatsby-blog-template/27538998)

- [FlexiBlocks: Premium GatsbyJS landing pages](https://themeforest.net/item/flexiblocks-react-gatsby-landing-page-site-template/30807682)



#### Sites built with Gatsby (source code included)



- [jamtemplates.com](https://jamtemplates.com)

- [gregberge.com](https://gregberge.com) ([source](https://github.com/gregberge/gregberge.com))

- [elgentos.nl](https://elgentos.nl) ([source](https://github.com/elgentos/gatsby-site))

- [uitgeverijpluim.nl](https://uitgeverijpluim.nl)

- [p16r.nl](https://p16r.nl)

- [bricolage.io](https://bricolage.io/?utm_source=github.com) ([source](https://github.com/KyleAMathews/blog))

- [syncano.io](https://www.syncano.io) ([source](https://github.com/Syncano/syncano.com))

- [graphene-python.org](http://graphene-python.org/) ([source](https://github.com/graphql-python/graphene/tree/master/docs))

- [likescoffee.com](https://likescoffee.com/) ([source](https://github.com/pamo/pamo.github.io/tree/development))

- [vii.campjs.com](http://vii.campjs.com/) ([source](https://github.com/campjs/campjs-vii))

- [michaeljdeeb.com](http://michaeljdeeb.com) ([source](https://github.com/michaeljdeeb/michaeljdeeb-gatsby-blog))

- [brittcrawford.com](http://brittcrawford.com) ([source](https://github.com/britt/britt.github.com/tree/gatsby))

- [iamdustan.com](http://iamdustan.com/) ([source](https://github.com/iamdustan/iamdustan.github.io))

- [React Hardware](http://iamdustan.com/react-hardware/) ([source](https://github.com/iamdustan/react-hardware/tree/master/docs))

- [peterp.me](https://www.peterp.me) ([source](https://github.com/peterpme/peterpme.github.io))

- [k-create.com](https://k-create.com) ([source](https://github.com/kristofferh/kristoffer))

- [kylegach.com](https://kylegach.com) ([source](https://github.com/kylegach/kylegach_com))

- [jazlal.li](http://jazlal.li) ([source](https://github.com/jazlalli/jazlal.li))

- [React Headroom](https://kyleamathews.github.io/react-headroom/) ([source](https://github.com/KyleAMathews/react-headroom/tree/master/website))

- [Völlig Ohne](http://volligohne.com/) ([source](https://github.com/voellig-ohne/voellig-ohne-website))

- [openFDA](https://open.fda.gov/) ([source](https://github.com/FDA/open.fda.gov))

- [emilyaviva.com](http://emilyaviva.com) ([source](https://github.com/emilyaviva/emilyaviva.com))

- [React Gravatar](http://kyleamathews.github.io/react-gravatar/) ([source](https://github.com/KyleAMathews/react-gravatar/tree/master/www))

- [johnmorris.io](http://johnmorris.io) ([source](https://github.com/johnpmorris/johnpmorris.github.io/tree/react-rebuild))

- [HalfAtheist](https://halfatheist.com/) ([source](https://github.com/halfatheist/halfatheist.github.io))

- [ZBT MIT Website](http://zbt.mit.edu) ([source](https://github.com/Slava/zbt-website))

- [ethereumclassic.org](http://ethereumclassic.org/) ([source](https://github.com/ethereumclassic/ethereumclassic.github.io/tree/source))

- [numenta.com](http://numenta.com) ([source](https://github.com/numenta/numenta-web/tree/master/numenta.com))

- [Yuppies](https://yuppi.es) ([source](https://github.com/f0rr0/f0rr0.github.io))

- [oliverbenns.com](http://oliverbenns.com?utm_source=github.com) ([source](https://github.com/oliverbenns/oliverbenns.com))

- [Kapadiya.net](https://www.kapadiya.net/?utm_source=github.com) ([source](https://github.com/vikas5914/vikas5914.github.io))

- [anvilabs.co](https://anvilabs.co/?utm_source=github.com) ([source](https://github.com/anvilabs/anvilabs.co))

- [Cardiogram](https://cardiogr.am)

- [Geographer](https://geographer.su) ([source](https://github.com/MenaraSolutions/geographer-docs))

- [fuchs+wald](https://fuchsundwald.de) ([source](https://github.com/voellig-ohne/cf-website))

- [damianmullins.com](http://www.damianmullins.com) ([source](https://github.com/DamianMullins/damianmullins.github.io))

- [Spencer Dixon's Blog](https://www.spencerdixon.com/) ([source](https://github.com/SpencerCDixon/blog))

- [LandlordAccountz.com](http://www.landlordaccountz.com)

- [Timo Becker](https://timobecker.com) ([source](https://github.com/voellig-ohne/timobecker))

- [Sacha Greif](http://sachagreif.com/) ([source](https://github.com/SachaG/sg2017))

- [Crypto Christmas](https://crypto.christmas/) ([source](https://github.com/rileyjshaw/crypto.christmas))

- [Reactiflux](https://www.reactiflux.com/) ([source](https://github.com/reactiflux/reactiflux.com))

- [2016 JavaScript Rising Stars](https://risingstars2016.js.org/) ([source](https://github.com/michaelrambeau/risingstars2016))

- [Daniel Reszka blog, code & gallery](http://blog.pixarea.com) ([source](https://github.com/danielres/blog))

- [meadowlab.io](https://meadowlab.io/)

- [xpchbill.github.io](https://xpchbill.github.io/) ([source](https://github.com/xpchbill/xpchbill.github.io))

- [jaredhanstra.com](http://www.jaredhanstra.com/) ([source](https://github.com/jhanstra/jh-gatsby))

- [BBQ Agency](https://bbq.agency/) ([source](https://github.com/bbq-agency/bbq-agency.github.io))

- [Coriolan UI - sass mixins pack](https://coriolan-ui.github.io/) ([source](https://github.com/coriolan-ui/coriolan-ui.github.io))

- [5 minutes of React podcast - in Russian](http://5minreact.ru/) ([source](https://github.com/5minreact/5minreact))

- [5 minutes of React podcast - in English](https://5minreact.audio/) ([source](https://github.com/5minreact/5minreact_audio))

- [Megan Keesee](https://megankeesee.com) ([source](https://github.com/MeganKeesee/personal-site))

- [storybooks.js.org](https://storybooks.js.org) ([source](https://github.com/storybooks/storybooks.github.io/))

- [effulgence.io](http://effulgence.io) ([source](https://github.com/prayasht/prayasht.github.io/tree/develop/v3))

- [krzysztofzuraw.com](https://krzysztofzuraw.com) ([source](https://github.com/krzysztofzuraw/blog))

- [Fabian Schultz](https://fabianschultz.com) ([source](https://github.com/fabe/site))

- [Bottenderjs](https://bottender.js.org/) ([source](https://github.com/bottenderjs/bottenderjs.github.io))

- [Ontheplane2018](https://ontheplane.futbol/)

- [Vojtech Ruzicka's Programming Blog](https://www.vojtechruzicka.com/) ([source](https://github.com/vojtechruz/vojtechruzicka-blog))

- [pricetrack](https://tracker.duyet.net) ([source](https://github.com/duyetdev/pricetrack))

- [Resturant Journeys](https://www.restaurantjourneys.com) ([source](https://github.com/realfresh/restaurantjourneys))

- [abhith.net](https://www.abhith.net) ([source](https://github.com/Abhith/abhith.net))

- [reacthooks.dev](https://reacthooks.dev) ([source](https://github.com/lexioplatform/react-hooks-blog))

- [Divyanshu Maithani](https://divyanshu013.dev) ([source](https://github.com/divyanshu013/blog))

- [Nyxo](https://nyxo.app) ([source](https://github.com/hello-nyxo/nyxo-website))

- [Walter Teng](https://walterteng.com/) ([source](https://github.com/davzoku/personal-website-v1))



### No-Code Platform



- [Draftbox](https://draftbox.co)

- [Plasmic](https://www.plasmic.app/)



## License



[![CC0](img/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)



To the extent possible under law, [Prayash Thapa](http://prayash.io) has waived all copyright and related or neighboring rights to this work.