Setup

Connect to Directus easily from Nuxt with following commands ✨


Installation

  1. Add nuxt-directus dependency to your project:
Yarn
yarn add --dev nuxt-directus
NPM
npm install --save-dev nuxt-directus
PNPM
pnpm add -D nuxt-directus
  1. Add it to your modules section in your nuxt.config:
export default defineNuxtConfig({  modules: ['nuxt-directus']})
  1. Configure your Directus Server in the nuxt.config:
export default defineNuxtConfig({  modules: ['nuxt-directus'],  runtimeConfig: {    directus: {      url: ""    }  }})

Options

You can customize the module's behavior by using the directus property in nuxt.config:

nuxt.config
export default {  runtimeConfig: {    directus: {      // Options    }  }}

See the module options.

Table of Contents