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: 5 days 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.