Nuxt 3 WordPress Starter

This project is meant to be a flexible starting point for people interested in using Nuxt 3 with WordPress as a headless CMS. If you want some additional resources to help get you started, check out the blog post and video linked below.

✍️ Read the step-by-step tutorial 📹 Watch the video

Requirements

• WordPress
• WPGraphQL
• Environment Variables

Update the wordpressUrl variable in nuxt.config.ts to your WordPress site and run npm run dev:

export default defineNuxtConfig({
    modules: [
        '@nuxt/devtools',
        '@nuxtjs/tailwindcss' 
    ],
    runtimeConfig: {
        public: {
            wordpressUrl: 'https://yourwordpresssite/graphql'
        }
    }
})

Headless WordPress Hosting with Atlas

WP Engine's Atlas platform provides a performant and user-friendly hosting platform for headless WordPress and Node-based JavaScript apps. Create a free sandbox account to try the platform, and check out our Astro deployment guide for instruction to deploy to the platform.