https://github.com/dschau/gatsby-training

Training resources for Gatsby
https://github.com/dschau/gatsby-training

gatsby javascript react training workshop

Last synced: about 2 months ago
JSON representation

Training resources for Gatsby

• Host: GitHub
• URL: https://github.com/dschau/gatsby-training
• Owner: DSchau
• Created: 2019-05-28T16:52:18.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-07-01T01:16:15.000Z (over 3 years ago)
• Last Synced: 2024-03-15T09:36:34.968Z (10 months ago)
• Topics: gatsby, javascript, react, training, workshop
• Homepage:
• Size: 8.62 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 34
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gatsby | Training

A suite of examples used to demonstrate some concepts for a Gatsby-led training session and introduction to Gatsby.

## Installation

We use a yarn workspace (to minimize duplicate dependencies and quicker installation times!), so installation is as simple as:

1. Fork this repo (so you can commit your changes!)

1. Clone your fork

2. Run `yarn` in the root of your repo

All examples (in the `examples/` directory) will now have their dependencies installed. When working with an example, run `cd examples/{EXAMPLE_HERE}` and use commands as you would normally, e.g. `yarn start`, `yarn build`, etc.

_Note: don't have yarn? That's OK! You'll just need to run `npm install` in each example folder before getting started!_

## Learning

First and foremost, I **strongly** recommend starting with the [official Tutorial](https://www.gatsbyjs.org/tutorial/). An example located at [examples/tutorial](./examples/tutorial) has been scaffolded for ease-of-use in getting up and running. It presumes zero existing knowledge of Node.js, Gatsby, and React and there are various learnings paths if you _do_ have that existing knowledge.

Additionally, several examples to re-inforce concepts have been provided to study the code, specifically:

- [Async Requests](./examples/async-requests)

- [Authentication](./examples/authentication)

- [Blog](./examples/blog)

- [React Native Web](./examples/react-native-web)

- [Using Gatsby Image](./examples/using-gatsby-image)

My advice would be to go through the tutorial, and then attempt to build out a proof of concept for something you're interested in (e.g. a Gatsby app with authentication, a Gatsby app with real-time data calls, etc.) and then we will revisit in several weeks with any outstanding questions or additional resources!

## Resources

Want to learn more about Gatsby concepts? Our best resource is [our official documentation](https://gatsbyjs.org/docs/) but there are a number of other, great resources, as well.

For instance:

### Tutorials

- [Building Apps with Gatsby](https://www.gatsbyjs.org/docs/building-apps-with-gatsby/)

- [Official tutorial](https://www.gatsbyjs.org/tutorial/)

- [Making a Site with User Authentication](https://www.gatsbyjs.org/tutorial/authentication-tutorial/)

- [Gatsby E-Commerce Tutorial](https://www.gatsbyjs.org/tutorial/ecommerce-tutorial/)

### Blog posts

- [Behind the Scenes: What Makes Gatsby Great](https://www.gatsbyjs.org/blog/2019-04-02-behind-the-scenes-what-makes-gatsby-great/)

    - A deep dive (15 minute read!) on all the performance optimizations and general philosophy that makes Gatsby such an appealing choice!

- [Gatsby for Apps](https://www.gatsbyjs.org/blog/2018-11-07-gatsby-for-apps/)

### Video Content

- [Gatsby for Apps - Webinar](https://www.gatsbyjs.com/build-web-apps-webinar)

    - Note: will need to register to watch the video!

- [Head of Developer Relations @ Gatsby - Twitch (Jason Lengstorf)](https://www.twitch.tv/jlengstorf)