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

AI, Data Science & Cloud Certificates from Google, IBM & Meta

CodeSignal

Learn the Skills Netflix, Meta, and Capital One Actually Hire For

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off

One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.

Unlock All Certificates

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