YoVDO

Gatsby Theme Authoring

Offered By: egghead.io

Tags

Gatsby Courses Web Development Courses React Courses GraphQL Courses npm Courses

Course Description

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

Related Courses

Creating a Personal Site with Gatsby
Coursera Project Network via Coursera
Auth0 Tips and Tricks
egghead.io
Blog Theme 2.0
egghead.io
Build a Video Chat App with Twilio and Gatsby
egghead.io
Build Content Rich Progressive Web Apps with Gatsby and Contentful
egghead.io