Skip to content


Repository files navigation

Gatsby Tutorials

Gatsby Tutorials is a website that aims to list every GatsbyJS learning resource currently available online. πŸŽ‰

You can find tutorials that interest you in several ways:

  • Browse the list (recent tutorials are listed first) πŸ‘€
  • Search for specific words or phrases πŸ•΅οΈβ€β™€οΈ
  • Filter by format (🎧, ✍️ or πŸ“Ί)
  • Filter by topic πŸ€·β€β™‚οΈ
  • Filter by author πŸ‘©β€πŸ«
  • Filter by source πŸ—žοΈ

Notice a tutorial is missing from the list? Please add it! πŸ™

How do I add a tutorial?

The easiest approach is to use the make your changes here on GitHub:

  1. Open the src/data/tutorials.yml file on GitHub πŸ“‚
  2. Use the file editor to add a new tutorial (or edit existing ones) ✏️
  3. Preview your changes πŸ‘“
  4. Commit your changes πŸ‘
  5. Create a pull request πŸ“€

Please follow this format and indentation:

- title: 'GatsbyJS: How to Create the Fastest Sites in the World'
    - video
    - text
  language: en
  date: 2017-10-01
    - Kyle Mathews
  source: ReactNext 2017
    - introduction
    - performance
  • title - Title of tutorial (string; required)
  • link - Working URL where tutorial can be found (string; required)
  • formats - Media format of tutorial (array of strings with values video, audio or text; required)
  • language - Spoken/written language of the tutorial (string with a two-letter ISO 639-1 language code; required)
  • date - Date tutorial was published (string in YYYY-MM-DD format; optional)
  • authors - Name of author(s) or speaker(s) (array of strings; optional)
  • source - Name of YouTube channel, podcast, conference, blog, etc. if different from author's name (string; optional)
  • topics - Main topic(s) covered by the tutorial (array of strings; required)

What if the tutorial is part of a series?

Rather than adding every tutorial in the series separately, please add the entire series as one entry that links to the series homepage (or the first tutorial in the series).

Coming Soon

Better filters 🏷

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

Better performance ⚑️

  • Limit initial length of tutorials list
  • Generate filter lists at build time

Better search πŸ•΅οΈβ€β™‚οΈ

  • Allow non-sequential search terms
  • Highlight search terms in search results

Happy learning! πŸ€“


A community-updated list of video, audio and written tutorials to help you learn GatsbyJS. πŸ‘©β€πŸ’»








No releases published


No packages published