Skip to content

Vite

Vite is the development and build tool used by this frontend. It provides a fast development server with hot module replacement (HMR) and a modern build pipeline for production.

Why Vite?

  • Fast cold-start and HMR for React development.
  • Modern ES module-based build optimized for production.
  • Integrates easily with TypeScript, React and various plugins used in this project.

How this project uses Vite

  • Entry and config: app/frontend/vite.config.ts configures plugins (React plugin, optional type checking plugin) and build options.
  • Development: run npm run dev inside app/frontend to start the Vite dev server.
  • Environment variables: Vite exposes env vars prefixed with VITE_; VITE_API_URL is read in app/frontend/src/config.tsx.

Build

  • Production build is executed via npm run build which runs tsc -b && vite build so TypeScript is fully built before bundling.