DEV Community

Cover image for Introducing Gatsby Tutorials
Michael Uloth
Michael Uloth

Posted on • Updated on • Originally published at michaeluloth.com

Introducing Gatsby Tutorials

Earlier this month, Gatsby Tutorials was launched. 🎉

Gatsby Tutorials is a filterable and sortable directory of all the GatsbyJS learning resources currently available online. It aims to gather every video, audio and written Gatsby tutorial into one place so you can easily find it when you need it.

Oh, and it’s free and open source.

Umm…why did you make this?

Four main reasons:

  1. Gatsby is awesome and I want to help other coders learn it. 👍
  2. I'd like high-quality Gatsby tutorials to reach a wider audience. 🎙️
  3. It can be hard to locate useful resources when you need them. 🧐
  4. Subscribing separately to every Gatsby-related Twitter feed, blog and YouTube channel can be overwhelming. 😩

Jimmy Fallon gesturing about running around frantically

How does it work?

Gatsby Tutorials gathers every Gatsby learning resource in one place so you don’t have to scroll through endless feeds or wander the internet for help.

Instead, just visit the directory and search or filter the list for the topic you’re interested in. The tutorials you need will magically appear:

Screenshot with a successful search result for the word “blazing” on gatsbytutorials.com

Gatsby Tutorials also assists new tutorial creators by making their content more discoverable—a win-win for content creators and Gatsby learners alike.

How do I contribute?

If you notice a resource is missing from the list, please add it! This project will work best if the community helps keep it up to date. 🙌

Just click the "Add a tutorial" link and you’ll be taken to the quick instructions.

If you’d like to suggest a tutorial without adding it yourself, that's helpful too! Just copy the link into a new issue and I’ll add it for you.

A group of friends happily jumping up and down with their arms around each other

Roadmap

Gatsby Tutorials currently includes 157 video, audio and written tutorials that can be discovered by browsing, searching, or filtering by format, topic, author and source.

Here are some additional features coming soon:

Better filters 🏷

  • Filter tutorials by language
  • Filter by multiple topics at once
  • Cancel a filter by clicking it again

Better performance ⚡️

  • Paginate the tutorials (and search results)
  • Generate the filter lists at build time

Better search 🕵️‍♂️

  • Implement fuzzy search to enable non-sequential search terms
  • Highlight search string in search results

Wrap-up

If you have questions or ideas for making Gatsby Tutorials more useful, please share your thoughts in the comments below or by opening a new issue in the Gatsby Tutorials repo.

Happy coding!

Top comments (9)

Collapse
 
gastongarcia profile image
Gastón García • Edited

Thank you!

You know what would be fantastic? To be able to rate them in their level of "easiness". Beginners need to face really easy content at first, and move towards harder subjects.

Thanks for this resource.

Collapse
 
ooloth profile image
Michael Uloth

That’s a good suggestion!

Collapse
 
vekzdran profile image
Vedran Mandić

Really, really good (and quality recorded) content! Half-way through the vids (and never had the time or motivation to learn about gatsby but now this is some real hook-up material) and you did already manage to hook me up even without trying it out. Asking myself now why not always use it. I even do sth like the pages dir on my own as it makes sense to organize stuff sometimes like that. Lovely once again and thank you for the amazing effort. I will recommend my students and colleagues to your material when on topic.

Collapse
 
ooloth profile image
Michael Uloth

Thanks so much!

Collapse
 
nabilahsan profile image
Md Nabil Ahsan

Bro. BROOOOOOOOOOOOOOOOOOOO.

Thank you for this.

Collapse
 
ooloth profile image
Michael Uloth

My pleasure!

Collapse
 
fabiorosado profile image
Fabio Rosado

This is pretty awesome and great timing as I want to learn how to use Gatsby!

I had a look on the tutorials available and looks great, can't wait to sit down and actually work on them :D

Collapse
 
ooloth profile image
Michael Uloth

Nice! Gatsby is pretty sweet. I hope the tutorials help!

If you're just getting started, the official tutorial at gatsbyjs.org/tutorial/ is a good place to begin. 👍

Collapse
 
zeptobook profile image
ZeptoBook

Here is a step by step guide about how to create your blog site using Gatsby.
zeptobook.com/create-your-blog-sit...