https://github.com/Intevel/nuxt-directus
🐰 Easily integrate Directus to your Nuxt application.
https://github.com/Intevel/nuxt-directus
collaborate directus directus-module nuxt nuxt-community nuxt-directus nuxt-module nuxt3 nuxtdirectus nuxtjs vue3
Last synced: about 2 months ago
JSON representation
🐰 Easily integrate Directus to your Nuxt application.
- Host: GitHub
- URL: https://github.com/Intevel/nuxt-directus
- Owner: Intevel
- License: mit
- Created: 2022-03-23T07:54:00.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-02-07T13:02:02.000Z (4 months ago)
- Last Synced: 2025-04-21T17:43:30.308Z (about 2 months ago)
- Topics: collaborate, directus, directus-module, nuxt, nuxt-community, nuxt-directus, nuxt-module, nuxt3, nuxtdirectus, nuxtjs, vue3
- Language: TypeScript
- Homepage: https://nuxt-directus.de/
- Size: 3.91 MB
- Stars: 302
- Watchers: 9
- Forks: 59
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-directus - Nuxt Directus - First-Class Nuxt 3 Module for connecting with an Directus instance. (Integration / Community)
README
[](https://nuxt-directus.de/)
# Nuxt Directus
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
Integrate [Directus](https://directus.io/) to your [Nuxt](https://nuxt.com/) application.
- [✨ Release Notes](https://github.com/directus-community/nuxt-directus/releases)
- [📖 Read the documentation](https://nuxt-directus.de/)
## Features
- Nuxt 3 ready
- Handle authentication
- RESTful methods
- TypeScript Support
## Setup
```sh
npx nuxi@latest module add directus
```
## Basic usage
Add `nuxt-directus` to your Nuxt config:
```javascript
// nuxt.config.ts
export default defineNuxtConfig({
modules: ["nuxt-directus"],
});
```
## Development
1. Clone this repository
2. Install dependencies using `pnpm install` or `npm install`
3. Run `pnpm dev:prepare` or `npm run dev:prepare`
4. Start development server using `pnpm dev` or `npm run dev`
## License
Copyright (c) 2022 Conner Luka Bachmann
[MIT License](./LICENSE)
[npm-version-src]: https://img.shields.io/npm/v/nuxt-directus/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/nuxt-directus
[npm-downloads-src]: https://img.shields.io/npm/dt/nuxt-directus.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/nuxt-directus
[license-src]: https://img.shields.io/npm/l/nuxt-directus.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/nuxt-directus
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com