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

Introduction to Gatsby, v2

via Frontend Masters

Go to class Write review

Coursera

Python, Prompt Engineering, Data Science — Build the Skills Employers Want Now

Boot.dev

Learn Backend Development Part-Time, Online

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off

One annual plan covers every course and certificate on Coursera. 40% off for a limited time.

Get Full Access

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