Vite Rome Template 🔱

Get started on your web development projects with this Vite template, which comes pre-configured with modern linting and formatting tools powered by Rome. You'll also find a suite of pre-configured tools for automated testing, streamlined development, and Git workflows. Get started quickly and easily with this template and focus on building great products.

✨ Looking out for template with Eslint and Prettier configuration instead? Vite Template

What's inside? 📦

• React 18
• TypeScript
• Speedy Web Compiler (SWC)
• Rome
• React Testing Library
• Vitest
• Vitest UI
• MSW
• Husky
• Lint-staged
• Commit lint

Getting Started 🧑🏻‍💻

1. Click the Use this template button to create a new repository based on this template.
2. Clone the newly created repository to your local machine.
3. Install dependencies by running npm install.
4. Start the development server by running npm run dev.
5. Open your browser and navigate to http://localhost:5173.
6. Start building your awesome project!

Usage ⚙️

Test

1. To run the test file, use the following command:

npm run test

2. To run the interactive testing UI, use the following command:

npm run test:ui

3. To run the coverage report, use the following command:

npm run coverage

Commit

To run an interactive commit based on the conventional commit standard, use the following command:

npm run commit