Tutorial: Learn how Gatsby works
Welcome to Gatsby! The goal of this Tutorial is to help you create a mental model for how Gatsby sites work. You'll build and deploy a blog site using MDX, and along the way you'll learn about how to use Gatsby plugins, the GraphQL data layer, and more!
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.
Use the new GatsbyImage component to add performant, dynamic images to your site.
Continue your Gatsby learning journey with these additional resources.