Instructor - Jason Lengstorf
These notes go along with the Gatsby Theme Authoring course from Jason Lengstorf
In this course, we create a Gatsby Theme. Gatsby Themes allow us to create and use composable chunks of fully functional websites. You can expect to learn
- How to set up Yarn Workspaces
- How to develop a Gatsby Theme
- How to override a Gatsby Theme with Component Shadowing
- How to publish a Gatsby Theme to npm
- How to consume a published theme in a Gatsby Application
The code given on the course page does not have respective branches for each lesson, so I went ahead and developed my own repository with branches containing code for each respective lesson. You can find that repository here. Each note file also contains a link to the branch containing the code of the respective lesson in the Resources section.
Each page of notes contains resources relating to the respective lesson. This course follows a written course which can be found both here and in the Resources of each page.
- 01. Set up Yarn Workspaces for Gatsby Theme Development
- 02. Add Static Data to a Gatsby Theme
- 03. Create a Data Directory in Gatsby using the onPreBootstrap lifecycle
- 04. Set up to Create Data Driven Pages in Gatsby
- 05. Create Data Driven Pages in Gatsby with GraphQL and createPages
- 06. Display Sorted Data with useStaticQuery in Gatsby
- 07. Display and Query Data by id with Gatsby context and useStaticQuery
- 08. Style and Format Dates in React
- 09. Configure a Gatsby Theme to Take Options
- 10. Make Gatsby Themes extendable with gatsby-theme-ui
- 11. Use and Override a Theme in Gatsby with Component Shadowing
- 12. Publish a Gatsby Theme to npm
- 13. Consume a Theme in a Gatsby Application
- 14. Use Component Shadowing to Override Gatsby Theme Components
Thanks goes to these wonderful people (emoji key):
 Parker Landon 🖋 |
 Lauro Silva 👀 |
 Nicole Sattler 🖋 |
 Lucas Minter 👀 |
This project follows the all-contributors specification. Contributions of any kind welcome!