Course

Migrate a WordPress Site to the Jamstack Using Gatsby

1
Install WPGraphQL and WPGraphiQL plugins in WordPress using the command line
1m 44s
2
Create a new Gatsby site using npx and the hello world starter
53s
3
Install and configure `gatsby-source-graphql` to read WordPress data from WPGraphQL
2m 13s
4
Create pages in Gatsby from WordPress pages
4m 26s
5
Display WordPress page content in Gatsby page template components
3m 5s
6
Add a shared layout component and global styles to a Gatsby site
4m 7s
7
Load WordPress post data and create Gatsby pages
1m 32s
8
Add styles for WordPress content blocks in Gatsby pages
1m 8s
9
Create a page in Gatsby to show WordPress blog post previews
2m 36s
10
Use WordPress settings to configure your Gatsby site
1m 44s
11
Create Gatsby navigation from WordPress menus
2m 49s
12
Deploy a WordPress-powered Gatsby site to Netlify using the Netlify CLI
2m 16s
13
Automatically trigger Netlify deploys for WordPress changes
2m 59s

Install WPGraphQL and WPGraphiQL plugins in WordPress using the command line

InstructorJason Lengstorf

Share this video with your friends

Send Tweet

In order to use WordPress with the Jamstack, we want to be able to read data from WordPress using GraphQL. By adding WPGraphQL, we enable a powerful GraphQL API for our WordPress sites, and WPGraphiQL gives us an in-dashboard interface for testing GraphQL queries.

Because these are developer-focused plugins, they’re not available the standard plugin library, so we need to install them from GitHub using the CLI.

View code on GitHub

Migrate a WordPress Site to the Jamstack Using Gatsby

Install WPGraphQL and WPGraphiQL plugins in WordPress using the command line

Social Share Links