Writing CSS-in-JS in a Gatsby Project

  • Published Mar 18, 2019

  • Updated Jun 3, 2019

This is the eighth video in our beginner series exploring GatsbyJS and how to use it to easily build performant apps and websites:

  1. What is Gatsby?
  2. Starting a New Gatsby Project
  3. Gatsbyโ€™s Default Files and Folders
  4. Writing HTML in a Gatsby Project
  5. Adding Pages to a Gatsby Project
  6. Wrapping Pages in a Layout Component
  7. Writing CSS in a Gatsby Project
  8. Writing CSS-in-JS in a Gatsby Project (this post)
  9. Adding Content to a Gatsby Project
  10. Using GraphQL with Gatsby

In this video, we explore CSS-in-JS and how libraries like CSS Modules and Styled Components can make it easier to add and remove styles from your project.

Check out the video below or view the entire playlist on YouTube.

Enjoy! ๐ŸŽ‰๐Ÿ“บ