Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/shamsbd71/gatsby-resources-tutorials

An extended collection of resources about Gatsby
https://github.com/shamsbd71/gatsby-resources-tutorials

gatsby gatsby-wordpress gatsbyjs graph headless javascript netlify reactjs resources static strapi tutorials

Last synced: 27 days ago
JSON representation

An extended collection of resources about Gatsby

Awesome Lists containing this project

README 

        
# Gatsby Resources && Tutorials

🚀An extended collection of resources about Gatsby



## 🧐What's Gatsby?

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. Visit for more info [https://www.gatsbyjs.org](https://www.gatsbyjs.org)



To get started with Gatsby, Checkout its Documentation at [https://www.gatsbyjs.org/docs/](https://www.gatsbyjs.org/docs/)



## 🎓 Learning Gatsby



Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.org/). Here are some places to start:



- **For most developers, we recommend starting with [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.org/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.



- **To dive straight into code samples, head [to documentation](https://www.gatsbyjs.org/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.



## Small Direct guide before we jump into lists



### Fast in every way that matters

https://www.gatsbyjs.org/



### Gatsby Docs

https://www.gatsbyjs.org/docs/



### 320 Gatsby Starters

https://www.gatsbyjs.org/starters/?v=2



### Gatsby Tutorials

https://www.gatsbytutorials.com/



Submit your own:

https://github.com/ooloth/gatsbytutorials.com#how-do-i-add-a-tutorial



 

### Dev.to

https://dev.to/search?q=gatsby

Submit your own

 



 

### Gatsby.js + WordPress

https://watch-learn.com/series/gatsbyjs-wordpress



### WordPress Gatsby Resource



https://dev.to/nevernull/an-awesome-list-of-wordpress-gatsby-resources-36nl

https://github.com/henrikwirth/awesome-wordpress-gatsby

https://github.com/makozi/Gatsby-Resources/blob/master/README.md



### Gatsby Resource

https://github.com/makozi/Gatsby-Resources/blob/master/README.md#tools



 

### Gatsby Cheat Sheet

https://www.gatsbyjs.org/docs/cheat-sheet/



## 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.



### Tutorials



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

* [Level Up Tutorials - Gatting Started with Gatsby](https://scotch.io/tutorials/zero-to-deploy-a-practical-guide-to-static-sites-with-gatsbyjs)

* [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/)

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

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

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

* [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/)



### Videos



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

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

* [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)



#### Theme

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



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



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

* [React-MDL](https://react-mdl.github.io/react-mdl/) ([source](https://github.com/tleunen/react-mdl/tree/master/docs))

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

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

* [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))

* [Snapgit](https://snapgit.com) ([source](https://github.com/glassfalcon/snapgit.com))

* [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))

* [michaelcereda.com](https://michaelcereda.com/) ([source](https://github.com/MichaelCereda/michaelcereda.com))

* [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))

* [waigojs.com](https://waigojs.com/) ([source](https://github.com/waigo/waigo.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))

* [Video streaming devops blog](https://devops.spuul.com/) ([source](https://github.com/Spuul/devops-blog/))

* [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))

* [Scaphold.io Community](https://scaphold.io/community/) ([source](https://github.com/scaphold-io/scaphold-community))

* [Green Navigation wiki](https://greennav.github.io) ([source](https://github.com/Greennav/greennav.github.io))

* [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))

* [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))

* [@hsribei's log](https://hsribei.github.io/log) ([source](https://github.com/hsribei/log))

* [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))



## Contributing






Found an awesome video, talk, tutorial,or site built with Gatsby etc that's not on this list?. Notify me or send a PR.



## Guidelines



* Please make an individual pull request for each suggestion

* Make sure what you are adding is not already on the list

* Use the following format: * [Name](Link)

* Add it to the bottom of the section, not top or middle

* Check your spelling and grammar

* Make sure there is no trailing whitespace

* If you are adding resources for a new language or framework, make sure it has a reference in the Table of Contents.

* Last, Make sure it is awesome!



## How can I thank you?



Why not star the github repo? I'd love the attention! Why not share the link for this repository on Twitter or HackerNews? Spread the word!



## Credits

Its a collection, I have taken many from [Marizu-Ibewiro Makozi](https://twitter.com/marizu_makozi)