Insights

Gatsby & WordPress – 1. Course Overview

13/11/2019 by Jack Pritchard

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.

Github Repositories

Course Contents

WordPress

  1. Getting Started
  2. Required Plugins
  3. WPGraphQL
  4. Theme Development
  5. ACF & GraphQL
  6. Gutenberg Block Development
  7. Yoast SEO & GraphQL

Gatsby

  1. Getting Started
  2. Using WordPress as a data-source & GraphiQL
  3. Querying in Pages
  4. Programmatically Creating Pages & Posts
  5. Our Component Parser
  6. Styled Components
  7. Using WordPress Menus
  8. Correcting our Homepage Slug
  9. SEO

Netlify

  1. Deploying to Netlify
  2. Creating our Buildhook
  3. Creating a Form

Continue Reading 📚