Skip to content

Here’s an optimized Vite + React + Typescript boilerplate to help you start a new project quickly, with best practices and common tools pre-configured.

Notifications You must be signed in to change notification settings

kokiy/vite-react-typescript-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + TypeScript + Vite Starter

A ready-to-use Vite project with best practices and essential integrations.

Features

  • ⚛️ React 19 Functional components with hooks

  • 🧭 React Router v7 Modern routing with data APIs, nested routes.

  • 🧠 Zustand Lightweight global state management

  • 🧾 @hey-api/openapi-ts Generate TypeScript SDKs from OpenAPI specs

  • 🧰 MSW MSW (Mock Service Worker) – Mock API requests in development & tests

  • 🎛️ PostCSS integrates autoprefixer, postcss‑nested, and postcss‑px2rem

  • ⚡️ Vite Fast development & optimized production build

  • 🧪 Vitest + React Testing Library For unit testing

  • 🧹 Oxlint + Prettier + StyleLint Code linting & formatting

  • 🧱 Alias @ to src Cleaner import paths

  • 🔒 Husky + lint-staged Git hooks for quality checks

  • 🌍 dotenv Use .env for environment variables

Getting Started

  1. Install dependencies: npm install

  2. Start development server: npm run dev

  3. Run tests: npm run test:coverage


Feel free to customize for your own workflow!

About

Here’s an optimized Vite + React + Typescript boilerplate to help you start a new project quickly, with best practices and common tools pre-configured.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published