Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/becem-gharbi/directus-starter
Directus starter for Nuxt 3
https://github.com/becem-gharbi/directus-starter
directus naive-ui nuxt starter tailwindcss
Last synced: 3 months ago
JSON representation
Directus starter for Nuxt 3
- Host: GitHub
- URL: https://github.com/becem-gharbi/directus-starter
- Owner: becem-gharbi
- License: mit
- Created: 2023-07-31T14:41:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-18T16:05:13.000Z (10 months ago)
- Last Synced: 2024-10-12T05:11:49.595Z (3 months ago)
- Topics: directus, naive-ui, nuxt, starter, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 1.97 MB
- Stars: 12
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Nuxt Directus starter
A template to quickly get started on your Nuxt 3 project with Directus ✨
## Features
- ✔️ Based on [nuxt-directus](https://github.com/becem-gharbi/nuxt-directus) module
- ✔️ Customizable UI layer based on Naive UI via [@bg-dev/nuxt-naiveui](https://github.com/becem-gharbi/nuxt-naiveui) module
- ✔️ Tailwindcss integration via [@nuxtjs/tailwindcss](https://github.com/nuxt-modules/tailwindcss) module
- ✔️ HTTP security via [nuxt-security](https://github.com/baroshem/nuxt-security) module
## Setup
1. If you do not have a running Directus app you can check `directus` folder
2. Rename `.example.env` to `.env` and set the environment variables
3. Make sure to install the dependencies
```bash
# 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
```bash
npm run dev
```
## Production
Build the application for production:
```bash
npm run build
```
Locally preview production build:
```bash
npm run preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.