Nuxt Starter

Overview

The Nuxt and GITS UI Starter Kit is a comprehensive setup for Vue.js projects that combines the power of Nuxt.js with a variety of GITS UI components. It is designed to help Vue.js developers quickly create professional web applications. With pre-configured setups and a range of features, this starter kit provides a solid foundation for building robust applications.

Features

• Nuxt 3 provides a powerful framework for developing Vue.js applications.
• GITS UI includes a collection of ready-to-use UI components that can be easily integrated into your project.
• Tailwind CSS offers a flexible and customizable CSS framework for styling your application.
• Pinia provides a state management solution for Vue.js applications.
• @vueuse/nuxt integrates various Vue.js utilities and plugins into your project.
• @nuxtjs/google-fonts allows you to easily incorporate Google Fonts into your application.
• @nuxtjs/fontaine simplifies the process of using custom fonts in your project.
• @nuxtjs/i18n enables internationalization in your application.
• @nuxt/image-edge provides an optimized image handling solution for your project.
• Storybook allows you to build and showcase your UI components in isolation.
• Conventional Commits helps you follow a standardized commit message format.
• lint-staged allows you to run linters on staged files, ensuring code quality.
• Hygen provides a code generator for scaffolding files and directories.

Installation

To install the Nuxt and GITS UI Starter Kit, follow these steps:

1. Create a new project using the create-gits-app command:

   create-gits-app
   

2. Choose the Nuxt Starter template when prompted.

3. Install the project dependencies by running the following command:

   npm install
   

4. (Optional) Set up the environment variables by copying the .env.example file to .env and updating the values with your own.

5. (Optional) Customize the README file with specific information about your project.

6. (Optional) Reset the version number in the package.json file to 0.0.0.

7. (Optional) Install the Vue Volar extension for an enhanced development experience.

8. (Optional) Enable Volar takeover mode to ensure a smooth editor setup.

Summary

The Nuxt and GITS UI Starter Kit is a comprehensive solution for Vue.js developers looking to quickly get started on their projects. With pre-configured setups, a wide range of features, and a collection of GITS UI components, this starter kit provides a solid foundation for creating professional web applications. Whether you are building a small personal website or a complex web app, the Nuxt and GITS UI Starter Kit has everything you need to streamline your development process.