https://github.com/jeverhart383/nuxt-wordpress-starter

https://github.com/jeverhart383/nuxt-wordpress-starter

Last synced: 14 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/jeverhart383/nuxt-wordpress-starter
• Owner: JEverhart383
• Created: 2023-03-09T22:02:24.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-27T12:52:25.000Z (over 1 year ago)
• Last Synced: 2024-11-05T20:05:05.048Z (2 months ago)
• Language: Vue
• Size: 549 KB
• Stars: 27
• Watchers: 3
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nuxt 3 WordPress Starter

This project is meant to be a flexible starting point for people interested in using [Nuxt 3](https://nuxt.com/) 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](https://wpengine.com/builders/headless-wordpress-with-nuxt-3-vue-3/)

[📹 Watch the video]()

## Requirements

- [WordPress](https://wordpress.org/)

- [WPGraphQL](https://www.wpgraphql.com/docs/introduction)

- 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](https://wpengine.com/atlas/) to try the platform, and check out our Astro deployment guide for instruction to deploy to the platform.