0Pricing
Frontend Academy · Lesson

Vite: dev server and build

Start a Vite project, use its instant HMR dev server, run the build command, and preview the production output.

What Is Vite?

Vite is a next-generation frontend build tool created by Evan You (creator of Vue). It provides an extremely fast dev server using native ESM and esbuild, plus a Rollup-powered production build.

Creating a Vite Project

npm create vite@latest scaffolds a new project. Choose your framework (Vanilla, React, Vue, Svelte, Preact, Lit) and variant (JS or TS). It's instantly ready — no configuration needed.

npm create vite@latest my-app
# Choose: React + TypeScript

cd my-app
npm install
npm run dev  # dev server on localhost:5173

All lessons in this course

  1. ES Modules: import export and dynamic import
  2. npm and package.json: dependencies scripts
  3. Vite: dev server and build
  4. Bundling Concepts: tree shaking code splitting
← Back to Frontend Academy