Gatsby Theme Authoring
Offered By: egghead.io
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.
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
Introduction to AWS AppSyncA Cloud Guru Wire Up an Auction Website with GraphQL
Coursera Project Network via Coursera Building an Application with MongoDB Atlas and Natural Language API hosted on Cloud Run
Google via Google Cloud Skills Boost Consume an API with React using Apollo and GraphQL
Coursera Project Network via Coursera Create an API using Express, GraphQL, and Mongoose
Coursera Project Network via Coursera