samhwang / vite-starter-template

My opinionated starter template for Vite, including Vitest, Biome,...

Getting Started with Vite - React starter template

This project was bootstrapped with Vite, and was created to be very similar to Create-React-App, but faster and with batteries included!

Using this template

There are 3 ways that you can adopt this template.

• Click the Use this template button on this repo, or click on this link.
• Clone this repo, delete the .git folder and re-init the Git tree.
• Use degit: npx degit samhwang/vite-starter-template project-name

Batteries included

• Vite, React and TypeScript - The core of this template.
• React Router - To handle app client side routing
• React Hook Form - To handle form creation and validation.
• swc - A speedy JS bundler using Rust.
• Biome for code formatting.
• Vitest for running unit tests with React Testing Library.
• msw to fake a service worker request to intercept API calls.
• Netlify hosting config

Side note

• pnpm by default: This template assumes you're using pnpm as your installer and script runner. Feel free to sub it with npm or yarn as you wish.
• swc by default: This template will enable swc by default. But there are some caveats. If your project breaks in some way, you can toggle it off in vite.config.ts.

Available Scripts

pnpm run dev
pnpm run test
pnpm run format
pnpm run build

Deployment

This template includes some config to deploy into Netlify. To configure, link your Github account to Netlify and link your project into it, they will take care of the rest.

Learn More

You can learn more in the Vite documentation.

To learn React, check out the React documentation.

To learn React testing, go to RTL docs