Nuxt3 Awesome Starter

Overview

AlpineNuxt 3 Awesome Starter is a Nuxt 3 starter template with a lot of useful features. It is integrated with TailwindCSS 3 and easy to use. The template is implemented in the Nuxt Layer, allowing for easy extension without any configuration. The latest version, Nuxt Awesome Starter v2, brings several changes including the separation of core component apps and main business logic into the /app folder. It also provides the option to be integrated with the Nuxt Layer to bring all the awesome features and components to your project.

Features

• Nuxt Layer Support: Integrated with the Nuxt Layer for easy extension and configuration.
• Tailwind CSS v3: Integrated with Tailwind CSS version 3 for easy styling.
• Headless UI: Provides headless UI components for building user interfaces.
• Nuxt Icon: Includes Nuxt Icon for Nuxt project branding.
• State & Store Management (Pinia): Built-in state and store management using Pinia.
• Vue Composition Collection (Vueuse): Includes a collection of Vue composition functions for enhanced development.
• Built-in Awesome Component & Layout: Provides a set of built-in components and layouts for faster development.
• Theme Manager (Color Mode): Includes a theme manager for easy color mode switching.
• Configurable Theme: Allows for easy customization and changing of the theme.
• Primary Colors: Provides a set of primary colors for consistent styling across the project.
• Font: Includes a pre-selected font for the project.

Installation

To use Nuxt Awesome Starter, there are two options available: using the Nuxt Layer or cloning the repository directly.

Using Nuxt Layer (Simple Way)

1. Create a new Nuxt 3 project: pnpm dlx nuxi@latest init my-app
2. Install Nuxt Awesome dependencies: pnpm add @nuxt-awesome/theme
3. Add extends: '@nuxt-awesome/theme' to your nuxt.config.ts file.
4. Explore app.config.ts to see what can be changed in the template.
5. Remove app.vue in the root project if you want to use Nuxt Awesome as the root layout.

Using Direct Clone

1. Clone the repository.
2. Install dependencies.
3. Run the development server.

Summary

AlpineNuxt 3 Awesome Starter is a Nuxt 3 starter template that offers a range of useful features and seamless integration with TailwindCSS 3. It provides easy customization options, a built-in theme manager, and a collection of ready-to-use components and layouts. The template can be installed using either the Nuxt Layer or by cloning the repository directly. Overall, it is a comprehensive solution for building Nuxt 3 projects with enhanced development capabilities.