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! ๐
The easiest approach is to use the make your changes here on the GitHub website:
- Open the
src/data/tutorials.yml
file on GitHub ๐ - Use the file editor to add a new tutorial (or edit existing ones) โ๏ธ
- Preview your changes ๐
- Commit your changes ๐
- 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
length: '24:52'
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 valuevideo
,audio
ortext
; required)language
- Spoken/written language of the tutorial (string
with a two-letter ISO 639-1 language code; required)date
- Date tutorial was originally published (string
inYYYY-MM-DD
format; optional)length
- Length of tutorial, if applicable (string
; optional)authors
- Name of author(s) or speaker(s) (array
ofstrings
; 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
ofstrings
; required)
Where possible, please add tutorial series as one entry with a link to the series homepage.
- Filter tutorials by language
- Filter by multiple topics at once
- Cancel active filter by clicking it again
- Paginate tutorials (and search results)
- Generate filter lists at build time
- Implement fuzzy search to allow non-sequential search terms
- Highlight search string in search results
Happy learning! ๐ค