Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Gatsby Theme Authoring

via egghead.io

Overview

Gatsby Themes are the next iteration of web development. They take all the good things about Gatsby and make them even more reusable and extendable. Themes are composable chunks of fully functional websites-- not just visual aspects.
Because they’re composable, you can have multiple themes on a single site. This lets you pick the right eCommerce theme, with whatever backing engine you want. You can then install whatever blog theme you want-- Wordpress, Contentful, etc. and you can customize them both. It's up to you!
For a written version of this course, check out the Gatsby docs.

Syllabus

  • Set up Yarn Workspaces for Gatsby Theme Development
  • Add Static Data to a Gatsby Theme
  • Create a Data Directory in Gatsby using the onPreBootstrap lifecycle
  • Set up to Create Data Driven Pages in Gatsby
  • Create Data Driven Pages in Gatsby with GraphQL and createPages
  • Display Sorted Data with useStaticQuery in Gatsby
  • Display and Query Data by id with Gatsby context and useStaticQuery
  • Style and Format Dates in React
  • Configure a Gatsby Theme to Take Options
  • Make Gatsby Themes extendable with gatsby-theme-ui
  • Use and Override a Theme in Gatsby with Component Shadowing
  • Publish a Gatsby Theme to npm
  • Consume a Theme in a Gatsby Application
  • Use Component Shadowing to Override Gatsby Theme Components

Taught by

Jason Lengstorf

Reviews

4.7 rating at egghead.io based on 264 ratings

Start your review of Gatsby Theme Authoring

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.