Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

Introduction to Gatsby, v2

via Frontend Masters

Overview

Learn to build blazing-fast apps and websites with React using Gatsby! Starting from scratch, you’ll learn to code a full blog app. Use GraphQL in Gatsby for storing and retrieving data, create pages and posts with MDX, optimize your images automatically with the gatsby-image, and load 3rd party data to display in components. Then deploy your brand new blog website to Netlify for the world to see!

Syllabus

  • Introduction
  • Course Overview
  • Course Code Setup
  • Creating a Page
  • Creating Links
  • Adding & Querying Site Metadata
  • Gatsby & GraphQL Q&A
  • Add SEO Meta with React Helmet
  • Creating a Layout
  • Add Global CSS Styles
  • Add Scoped Styles with CSS Modules
  • Gatsby Layout Q&A
  • Pages in Markdown
  • Setup Pages in MDX
  • Add MDX Frontmatter
  • Creating a Layout for MDX
  • Show Recent MDX Posts
  • Optimizing Images
  • Styling Images
  • Loading Effects
  • Optimizing Images in MDX
  • Query Images from GraphQL
  • Loading Data from a Headless CMS
  • Creating Pages from Third-Party Data
  • Creating a Listing of Third-Party Data
  • Deploying a Gatsby Site Using Netlify
  • Wrapping Up

Taught by

Jason Lengstorf

Reviews

Start your review of Introduction to Gatsby, v2

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.