Gatsby & WordPress - 1. Course Overview

by Jack Pritchard

Hey! This post's a little over two years old now, so some of what's here might be out of date. Still worth a read, but if anything really matters to you, it's worth double-checking against a newer source too.

In this introduction video, I break down the technologies and frameworks we'll be covering throughout the videos.

We'll be specifically looking at how we can use WordPress as a headless CMS (Content Management System) with a GraphQL schema to interface with.

After setting up our WordPress site and theme, we'll move onto Gatsby and how we can use our new schema to generate content for our Gatsby site, programmatically generating pages, converting Gutenberg blocks to React components and finishing off the chapter with a focus on SEO in Gatsby.

Finally, we'll cap off the series with a focus on deployment and how you can deploy your Gatsby website for free to Netlify.

All of the videos listed in this description and in the overview video are guaranteed to be included in the series, but I will be adding a fifth chapter on how to improve the developer experience or improve the editor experience.

This series was recorded in 2019. WordPress, WPGraphQL, Gatsby and the other tools covered have all moved on considerably since — some plugins referenced have had major version releases, and some tools have been renamed or discontinued. I've left version-specific notes on the individual posts where it matters, but treat the course as a record of the approach rather than a guide to the current tooling.

Gatsby & WordPress - 1. Course Overview

Github Repositories

Course Contents

WordPress

Gatsby

Netlify