Yoast SEO & Headless WordPress - Manage SEO with WPGraphQL & Next.js
Learn how to use Yoast SEO to manage and level up your headless WordPress SEO inside a Next.js project with WPGraphQL.
Next.js WPGraphQL Basic Starter
https://github.com/colbyfayock/next-w...
🧐 What's Inside
0:00 - Intro to Managing SEO with WPGraphQL, Yoast SEO, and Next.js
0:11 - Tools we'll use like headless WordPress with WPGraphQL and Yoast SEO
0:40 - Installing and querying Yoast SEO and WPGraphQL Yoast SEO Addon with GraphQL
2:53 - Creating a new headless WordPress Next.js project with Next.js WPGraphQL Basic Starter
5:06 - Updating existing WPGraphQL queries using Apollo GraphQL to get Yoast SEO data in Next.js
6:25 - Using Yoast SEO metadata from WPGraphQL in Next.js using the Next.js Head component
7:30 - Adding the prerendered Yoast SEO HTML head to React with HTML React Parser and Next.js Head
10:20 - Reviewing querying SEO metadata with Yoast SEO and WPGraphQL
11:15 - Outro
🗒️ Read More
https://spacejelly.dev/posts/how-to-m...
🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?s...
🐦 Get updates straight to your Twitter @colbyfayock
/ colbyfayock
📸 Catch the next stream live on Twitch @colbyfayock
/ colbyfayock
✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock
👨🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com
🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use
🧰 More Resources
Next.js WPGraphQL Basic Starter
https://github.com/colbyfayock/next-w...
Next.js WordPress Starter
https://github.com/colbyfayock/next-w...
Yoast SEO
https://wordpress.org/plugins/wordpre...
WPGraphQL Yoast SEO Addon
https://wordpress.org/plugins/add-wpg...
🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/atm/dream-land
License code: LSTRJSORUNQBHCFA
#colbyfayock #wordpress #seo #nextjs #jamstack #graphql #wpgraphql #yoastseo #yoast #webdevelopment