Skip to content

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

License

Notifications You must be signed in to change notification settings

gastongarcia/gatsby-tutorials

Β 
Β 

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 the GitHub website:

  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'
  link: https://www.youtube.com/watch?v=Gtd-Ht-D0sg
  format: video
  language: en
  date: 2017-10-01
  authors: 
    - Kyle Mathews
  source: ReactNext 2017
  topics:
    - introduction
    - performance
  • title - Title of tutorial (string; required)
  • link - Working URL where tutorial can be found (string; required)
  • format - Media format of tutorial (string with the value 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)

Where possible, please add tutorial series as one entry with a link to the series homepage.

Coming Soon

Better filters 🏷

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

Better performance ⚑️

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

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

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

Happy learning! πŸ€“

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 67.7%
  • JavaScript 32.3%