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

🧐 What's Inside
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
10:20 - Reviewing querying SEO metadata with Yoast SEO and WPGraphQL
11:15 - Outro

🗒️ Read More

🔔 Subscribe for more tech and developer videos

🐦 Get updates straight to your Twitter @colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock

✉️ Or a newsletter right to your inbox!

💝 Sponsor me for more free content like this!

🎥 Want to know what A/V equipment I use?

🧰 More Resources

Yoast SEO

WPGraphQL Yoast SEO Addon

🎼 Music
Music from Uppbeat (free for Creators!):
License code: LSTRJSORUNQBHCFA

#colbyfayock #wordpress #seo #nextjs #jamstack #graphql #wpgraphql #yoastseo #yoast #webdevelopment

[MarionVgv]

Thanks Colby ! This is super clear and helpful !

[djboostin]

This was incredible- how does it not have thousands of likes?

[최종환-hc]

When I click post, it shows me 1 of 1 unhandled error
Server Error
ApolloError: Variable "$slug" of required type "String!" was not provided.

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
new ApolloError do you know why? thank you!

[ripplesr]

Awesome Colby! Dude, when it comes down to the meta URLs, should that be the domain name of the actual WP hosted?

[LarsEjaas]

Hi Colbý. Heads up for the great starter!

I am currently working on my own personal starter for Next headless pages. I decided to make one for myself because I just like to do stuff slightly different (Styled Components instead of Sass, TypeScript, and NPM only no Yarn - stuff like that).

But your starter has been SO great to see how to import things with GraphQL. But hey this Apollo stuff is hard! I finally have Apollo set up to fetch the TypeAnnotations automatically from the GraphQL schema for TypeScript, but this stuff definitely goes well with strong coffee 😆
But hey - I am rambling now: Just wanted to say thanks really!

[ahronlu]

Hey Colby, first of all thank you.
Why did you use react-helmet in your nextjs-wordpress-graphql starter? Why not just using the Head component?

[westpointsoulja]

Can you use woo commerce plug ins with headless Wordpress?

[alexkey]

How to deal with sitemap submission to google? given the front-end url is different from backend and the yoast index gives the wrong url?

[kumardeepanshu]

bro need help, I am making a blog website, and I am stuck to a problem that how to add dynamic data on the landing page, I have tried SSG with ISG but it takes time to add the new data and SSR it also took some time to load data, and it also loads the data on page reload, I have also used React Query to Query data but it is Also Taking time, AND I saw your Web site and it is blazing fast can you tell me the configuration you have done make your website that much fast?

[vanessaorellana]

Can you show a tutorial of this exact tutorial except with the WP Rest API?

[DibasDauliya]

can you also make a wordpress setup? how can we do it?