Tutorial: Learn how Gatsby works
Welcome to Gatsby! The goal of this tutorial is to guide you through building up and deploying your first Gatsby site. Along the way, you'll learn the fundamentals of building a Gatsby site, as well as some general web development topics.
Note: We're still working on updating this Tutorial to use Gatsby v3. The first few parts of the new Tutorial can be found below, and subsequent parts will be added as we finish them.
If you're looking for a full experience in the meantime, you can check out the (slightly outdated) Gatsby v2 Tutorial.
Introduce yourself to the core technologies that power Gatsby, and set up all the tools you'll need to get started on your first Gatsby site.
Lay the ground work for your blog by creating a new Gatsby site. You'll also deploy and host your site using Gatsby Cloud.
Learn about the different kinds of React components used in a Gatsby site. You'll also learn how to style components using CSS Modules.
Quickly add functionality to your site by using one of Gatsby's many plugins.
Meet Gatsby's data layer. You'll learn how to pull data into your components using source plugins and GraphQL.
Take a closer look at Gatsby's data layer, including how you can transform data from one type to another.
Use Gatsby's File System Route API to create pages automatically at build time.