Wordpress x Nuxt 3
Easy queries 💡
Get pages, posts data based on current or provided slug. Get posts by categories.
Handles menu 🧭
Retrieves your menus.
Contact Form 7 support ✉️
Displays a form based on your CF7 config and submit it automatically through API.
Documentation.
Getting Started
Prerequisites
Installation
Setup
You can install nuxt-wp
using npm, pnpm, yarn or bun:
$ npm add -D nuxt-wp
$ pnpm add -D nuxt-wp
$ yarn add -D nuxt-wp
$ bun add -D nuxt-wp
Then, add nuxt-wp
to your Nuxt configuration:
export default defineNuxtConfig({
modules: ['nuxt-wp'],
})
Config
In order to work, you need to provide the API endpoint:
WP_API_ENDPOINT=https://your-wordpress-site.com/wp-json
export default defineNuxtConfig({
wordpress:{
apiEndpoint: 'https://your-wordpress-site.com/wp-json',
},
})
If you want to use advanced features, you need to provide Application Credentials too:
WP_API_ENDPOINT=https://your-wordpress-site.com/wp-json
WP_APPLICATION_USER=your-username
WP_APPLICATION_PASSWORD=your-password
export default defineNuxtConfig({
wordpress:{
apiEndpoint: 'https://your-wordpress-site.com/wp-json
',
applicationUser: 'your-username',
applicationPassword: 'your-password'
},
})
See more in Documentation.