Nuxt & Wordpress
Hello friends, I'm in a project using Nuxt and Wordpress as a headless CMS.
I need to implement ACF plugin , Yoast SEO / RankMath SEO plugin in wordpress. I will use the WPGraphQL plugin to extract data from posts, comments, used plugins from wordpress.
I read these references about how to implement Nuxt, Wordpress, WPGraphQL plugin, ACF plugin, Yoast SEO / RankMath SEO plugin.
https://wpengine.com/builders/headless-wordpress-nuxt-3-vue-3/
https://github.com/AxeWP/wp-graphql-rank-math
https://wpengine.com/builders/seo-headless-wordpress-yoast-next-js-wpgraphql/
https://www.youtube.com/watch?v=qRtkrbWL9G0
However, in real life project, there will be unexpected problems happen and my narrow knowledge could not cover all of that and I need to prepare in advanced. So I really beg you guys who are experience or did projects using any of what I mention above. Please tell me what problems you met, how you solved it and any advices for me. I really appreciate for whatever comments about my problem.
Thanks so much in advance.
Enjoy your day
Jeff Everhart
Builders
Headless WordPress with Nuxt 3 & Vue 3 - Builders
In this article, you’ll use Nuxt 3 and Vue 3 to build a basic headless WordPress site. Nuxt 3 is a full-stack framework built around the latest version of the Vue JavaScript framework.
GitHub
GitHub - AxeWP/wp-graphql-rank-math: Add GraphQL support for RankMa...
Add GraphQL support for RankMath SEO. Contribute to AxeWP/wp-graphql-rank-math development by creating an account on GitHub.
Francis Agulto
Builders
SEO in Headless WordPress with Yoast, Next.js and WPGraphQL - Builders
seo in headless wordpress
codingoblin
YouTube
WordPress REST API + Nuxt 3 + Tailwind CSS - [WP + Nuxt.js PART 1]
All code and written instructions at: https://codingoblin.com/using-wordpress-rest-api-with-nuxt-3-and-tailwind-css
Using the WordPress REST API with Nuxt 3 and Tailwind CSS.
In this video I will create a headless WordPress theme in order to output the WordPress pages via Nuxt 3.
I use useFetch to pull in the WordPress API data via a get requ...
5 Replies
I am creating a module that makes it easier to set up the WordPress GraphQL integration in Nuxt: https://wpnuxt.com/
It's still in full development, and it needs better documentation, but it works with ACF and Yoast SEO.
I am using this plugin to enrich the GraphQL data with the SEO fields from yoast SEO: https://en-gb.wordpress.org/plugins/add-wpgraphql-seo/
ash_hitch
Plugin Directory
WPGraphQL Yoast SEO Addon
This plugin enables Yoast SEO Support for WPGraphQL.
Here's a demo project that can help you get started:
https://github.com/vernaillen/wpnuxt-demo
This demo is not using Yoast SEO or ACF, but I can also provide demo's for that, if you want
GitHub
GitHub - vernaillen/wpnuxt-demo: WPNuxt Demo
WPNuxt Demo. Contribute to vernaillen/wpnuxt-demo development by creating an account on GitHub.
Thank you so much for your help. Wish you best of luck men 🥳
You're welcome. Let me know if you need any help trying out or setting up the WPNuxt module