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

Create pages in Gatsby from WordPress pages

InstructorJason Lengstorf

Share this video with your friends

Send Tweet

Published 5 years ago

Updated 4 years ago

If we want to create Gatsby pages to show the content from our WordPress pages, we need to use the createPages API from Gatsby. In this video, we set up a page template component and gatsby-node.js to query page data and create a new Gatsby page for each page in WordPress.

View code on GitHub

Migrate a WordPress Site to the Jamstack Using Gatsby

Create pages in Gatsby from WordPress pages

Social Share Links