N
Nuxt3mo ago
munte8065

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.
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
Wouter
Wouter3mo ago
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.
WPNuxt
WPNuxt
Use WordPress as a headless CMS with a Nuxt 3 frontend
Wouter
Wouter3mo ago
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.
Wouter
Wouter3mo ago
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.
munte8065
munte8065OP3mo ago
Thank you so much for your help. Wish you best of luck men 🥳
Wouter
Wouter3mo ago
You're welcome. Let me know if you need any help trying out or setting up the WPNuxt module
Want results from more Discord servers?
Add your server