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-wpgraphql-basic-starter

🧐 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

#seo #wordpress #graphql #next