egghead.io
illustration for Gatsby Theme Authoring

Course

Gatsby Theme Authoring

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

Set up to Create Data Driven Pages in Gatsby

Jason Lengstorf
InstructorJason Lengstorf
  • gatsby
    Gatsby>=2.13.1

Share this video with your friends

Send Tweet

In Create Data Driven Pages in Gatsby with createPages, we made sure the data folder existed.

To actually create pages, we'll need to:

  • define the event type
  • define resolvers for custom fields
  • query for events

Once we do this, we'll be ready to finally display the data in a page which is covered in: Display Data in React Provided in Gatsby with GraphQL

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

illustration for Gatsby Theme Authoring

Course

Gatsby Theme Authoring

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions