Gatsby's Default Files and Folders

Updated 4 years ago

This is the third 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 (this post)
  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
  9. Adding Content to a Gatsby Project
  10. Using GraphQL with Gatsby

In this video, we walk through each file and folder that comes with a new Gatsby project and talk about what each one is for so you can start customizing your site.

Check out Gatsby's Default Files and Folders or view the entire playlist on YouTube.

Enjoy! 🎉📺