1
Set up Yarn Workspaces for Gatsby Theme Development
5m 22s
2
Add Static Data to a Gatsby Theme
2m 30s
3
Create a Data Directory in Gatsby using the onPreBootstrap lifecycle
2m 13s
4
Set up to Create Data Driven Pages in Gatsby
6m 52s
5
Create Data Driven Pages in Gatsby with GraphQL and createPages
4m 39s
6
Display Sorted Data with useStaticQuery in Gatsby
7m 26s
7
Display and Query Data by id with Gatsby context and useStaticQuery
4m 3s
8
Style and Format Dates in React
6m 3s
9
Configure a Gatsby Theme to Take Options
3m 22s
10
Make Gatsby Themes extendable with gatsby-theme-ui
7m 59s
11
Use and Override a Theme in Gatsby with Component Shadowing
1m 59s
12
Publish a Gatsby Theme to npm
1m 25s
13
Consume a Theme in a Gatsby Application
2m 9s
14
Use Component Shadowing to Override Gatsby Theme Components
2m 4s

Use Component Shadowing to Override Gatsby Theme Components

Gatsby>=2.13.1

Share this video with your friends

Take full advantage of the power of Gatsby themes using component shadowing, which allows you to selectively extend — or even replace! — specific components in your Gatsby themes.

For a written version of this course, check out the Gatsby docs.

Course

Gatsby Theme Authoring

Samuel Suther

~ 4 years ago

This was an awesome gatsby course. Well explained (even if a little to low noise for the Video-Audio). Thanks a lot for creating this usefull gatsby-course.

BTW: Which config do you have for your vs-code (font & colors). I really like them.

Jason Lengstorfinstructor

~ 4 years ago

hey, happy it was useful! I keep a list of my themes/fonts/etc. at https://jason.af/uses

thanks!