Overview:

The Nuxt 3 / Directus Starter is a starter template designed to help developers build internal or client applications faster. It includes built-in support for Directus 9 as a backend, API, or headless CMS. With features like Tailwind CSS, authentication and user store configuration, common components, utilities, dark mode support, and integration with various plugins and libraries, this starter template provides a comprehensive set of tools to streamline the development process.

Features:

• Built-in Directus 9 support: Allows users to use Directus as their backend, API, or headless CMS.
• Tailwind CSS with all plugins: Includes Tailwind CSS with all plugins like HeadlessUI and Heroicons, making it easy to style and customize the application.
• Authentication and user store configuration: Provides pre-configured authentication and user store, saving developers time and effort in setting up these components.
• Ready to use common components: Includes common components like modals, dropdowns, and file upload input, eliminating the need for developers to build these components from scratch.
• Common utilities: Offers utilities like relative time and currency formatting, reducing the number of additional packages required.
• ESLint and Prettier configuration: Comes with pre-configured ESLint and Prettier settings for code consistency and formatting.
• Dark mode support: Supports dark mode, allowing users to switch between light and dark themes.

Installation:

To install the Nuxt 3 / Directus Starter, follow these steps:

1. Clone the repository:

   git clone [repository URL]
   

2. Install the dependencies:

   cd nuxt-directus-starter
   npm install
   

3. Start the development server:

   npm run dev
   

4. Open your browser and navigate to http://localhost:3000 to access the application.

Summary:

The Nuxt 3 / Directus Starter is an opinionated starter template for Nuxt 3 that utilizes Directus 9 as a backend. It provides developers with a comprehensive set of features and tools, including Directus support, Tailwind CSS with plugins, pre-configured authentication and user store, common components, utilities, ESLint and Prettier configuration, and dark mode support. With these features, developers can accelerate the development process and build applications more efficiently.