Writing CSS in a Gatsby Project.

  • Author Michael Uloth, smiling into the camera
    By Michael Uloth
  • Updated Jun 03, 2019
  • 2 minute read

This is the seventh 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 (this post)
  8. Writing CSS-in-JS in a Gatsby Project
  9. Adding Content to a Gatsby Project
  10. Using GraphQL with Gatsby

In this video, we explore traditional approaches to writing CSS, like inline styles, vanilla CSS, Sass, and PostCSS, and walk through how each one works in a Gatsby project.

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

Enjoy! 🎉📺