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-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

Yoast SEO & Headless WordPress - Manage SEO with WPGraphQL & Next.js