Nuxt Directus starter

A template to quickly get started on your Nuxt 3 project with Directus ✨

Features

✔️ Based on nuxt-directus module
✔️ Customizable UI layer based on Naive UI via @bg-dev/nuxt-naiveui module
✔️ Tailwindcss integration via @nuxtjs/tailwindcss module
✔️ HTTP security via nuxt-security module
✔️ Error monitoring via bugsnag-js module

Setup

If you do not have a running Directus app you can check directus folder
Rename .example.env to .env and set the environment variables
Make sure to install the dependencies

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install

That's it! You can now get started on your project ✨

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.