All Projects → ooloth → Gatsbytutorials.com

ooloth / Gatsbytutorials.com

Licence: mit
A community-updated list of video, audio and written tutorials to help you learn GatsbyJS. 👩‍💻

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Gatsbytutorials.com

Gatsby Simplefolio
⚡️ A minimal Gatsby portfolio template for Developers
Stars: ✭ 895 (+721.1%)
Mutual labels:  graphql, gatsby, gatsbyjs
Gatsby Starter Foundation
A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole
Stars: ✭ 135 (+23.85%)
Mutual labels:  graphql, gatsby, gatsbyjs
Gatsby Starter Prismic I18n
Based on gatsby-starter-prismic with Internationalization (i18n) support
Stars: ✭ 77 (-29.36%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Themes
Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.
Stars: ✭ 1,208 (+1008.26%)
Mutual labels:  gatsby, gatsbyjs
Blog
Source for my blazing fast blog
Stars: ✭ 83 (-23.85%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Starter Portfolio Cara
Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.
Stars: ✭ 1,101 (+910.09%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Material Ui Business Starter
Beautiful Gatsby Material UI Business Starter
Stars: ✭ 62 (-43.12%)
Mutual labels:  gatsby, gatsbyjs
Gatsby With Unstructured Data
A simple example of creating pages dynamically in Gatsby without using GraphQL.
Stars: ✭ 83 (-23.85%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Starter Spectral
Gatsby.js V2 starter template based on Spectral by HTML5 UP
Stars: ✭ 34 (-68.81%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Typescript
Alternative typescript support plugin for Gatsbyjs. Aims to make using typescript in Gatsby as painless as possible
Stars: ✭ 95 (-12.84%)
Mutual labels:  graphql, gatsby
Gatsby Plugin Advanced Sitemap
Advanced XML Sitemaps for Gatsby.js
Stars: ✭ 94 (-13.76%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Shopify Theme
🛒 Simple theme to build a blazing simple and fast store with Gatsby and Shopify.
Stars: ✭ 95 (-12.84%)
Mutual labels:  gatsby, gatsbyjs
Dantecalderon.dev
💻 ❤️ My personal website
Stars: ✭ 51 (-53.21%)
Mutual labels:  gatsby, gatsbyjs
Jamtemplates.com
Curated collection of free Gatsby themes.
Stars: ✭ 47 (-56.88%)
Mutual labels:  gatsby, gatsbyjs
Resume Builder
Resume Builder is a free open-source project that allows anyone to easily maintain and build any kind of resume.
Stars: ✭ 62 (-43.12%)
Mutual labels:  gatsby, gatsbyjs
Howtographql
The Fullstack Tutorial for GraphQL
Stars: ✭ 7,999 (+7238.53%)
Mutual labels:  graphql, tutorial
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+1022.94%)
Mutual labels:  gatsby, gatsbyjs
Rbb Website
Website to help connect black-owned businesses with consumers and resources
Stars: ✭ 101 (-7.34%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Remark Embed Gist
Gatsby remark gists preprocessor
Stars: ✭ 30 (-72.48%)
Mutual labels:  gatsby, gatsbyjs
Gatsby Starter 2column Portfolio
A minimalistic portfolio with a 2 column layout made for GatsbyJS.
Stars: ✭ 33 (-69.72%)
Mutual labels:  gatsby, gatsbyjs

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'
  link: https://www.youtube.com/watch?v=Gtd-Ht-D0sg
  formats:
    - video
    - text
  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)
  • 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
  • [x] Cancel active filter by clicking it again

Better performance ⚡️

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

Better search 🕵️‍♂️

  • [x] Allow non-sequential search terms
  • [ ] Highlight search terms in search results

Happy learning! 🤓

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].