Nuxt3 Directus Starter screenshot

Nuxt3 Directus Starter

Author Avatar Theme by Bryantgillespie
Updated: 30 May 2023
143 Stars

Nuxt 3 starter for Directus with Tailwind CSS and lots of other goodies

Categories

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.