Nuxt 3 Starter Kit with Tailwind CSS, Headless UI, TypeScript, Auth Module, Composition API, Pinia, and i18n Support

Welcome to the Nuxt 3 Starter Kit! This project is designed to kickstart your web development journey using a modern stack of technologies, making it easier to create powerful and feature-rich applications.

Features

• Nuxt 3: The latest version of Nuxt.js, a progressive framework for building modern web applications.
• Tailwind CSS: A utility-first CSS framework for rapid UI development with a focus on flexibility and efficiency.
• Headless UI: A set of unstyled UI components to help you build accessible and customizable interfaces.
• TypeScript: A strongly typed programming language that enhances code quality and developer productivity.
• Auth Module: Integrated authentication module to handle user authentication and authorization seamlessly.
• Composition API: Leveraging Vue 3's Composition API to write more organized, reusable, and maintainable code.
• Pinia: A state management library built specifically for Vue 3's Composition API.
• Repository Design Pattern: A design pattern to manage APIs easily.
• i18n Support: Internationalization support for easily translating your app into multiple languages.

Getting Started

Follow these steps to get the project up and running on your local machine:

1. Clone the Repository: Start by cloning this repository to your local machine.

   git clone https://github.com/iamhosen/nuxt-starter-kit.git
   cd nuxt-starter-kit

2. Install Dependencies: Install the project dependencies using npm or yarn.

   npm install

3. Configure Environment Variables: Rename the .env.example file to .env and fill in the necessary environment variables, especially those related to authentication and i18n settings.

4. Run the Development Server: Start the development server to see your app in action.

   npm run dev

5. Start Building: You're all set! Begin building your app by customizing the components, pages, and functionality to fit your project requirements.

Documentation

For detailed information about using the various features and technologies in this starter kit, please refer to the documentation:

• Nuxt 3 Documentation
• Tailwind CSS Documentation
• Headless UI Documentation
• TypeScript Documentation
• Composition API Documentation
• Pinia Documentation
• i18n Nuxt Module Documentation

Contributing

We welcome contributions from the community! If you encounter any issues or have suggestions for improvements, feel free to open an issue or submit a pull request on the repository.

Happy coding! 🚀