Gatsby.js Tutorial

Hi! We’re so happy you decided to try using Gatsby. This tutorial has four parts that'll walk you from getting started developing and building Gatsby sites to deploying a finished and polished high performance static PWA.

This tutorial is for everyone! You do not need to be a programmer or React.js expert. We'll walk you through things.

  1. Introduction to basics of Gatsby — Starting new projects, developing, and deploying sites.
  2. Introduction to using CSS in Gatsby. Explore libraries like Typography.js and CSS Modules.
  3. Explore building nested layouts in Gatsby. Layouts are sections of your site that are reused across multiple pages like headers and footers.
  4. Learn how to work with Gatsby's data layer. Explore source & transformer plugins. Get introduced to programmatic pages and how to write GraphQL queries. In this part of the tutorial we'll build a bare-bones markdown blog.