| name | React + Vite |
|---|---|
| slug | bundlers/react-vite |
| description | React application with Vite bundler, deployed with Zephyr Cloud |
| framework | react |
| bundler | vite |
| features | |
| complexity | beginner |
A React application built with Vite bundler and TypeScript, providing fast development experience with Hot Module Replacement (HMR) and modern tooling.
- Framework: React 18
- Bundler: Vite 5
- Language: TypeScript
- Development: HMR with Fast Refresh
- Linting: ESLint with TypeScript support
- Deployment: Zephyr Cloud (via vite-plugin-zephyr)
- Node.js (version 16 or higher)
- pnpm (recommended) or npm
-
Install dependencies
pnpm install
-
Start development server
pnpm dev
The application will be available at
http://localhost:5173 -
Build for production
pnpm build
-
Preview production build
pnpm preview
This example is configured to deploy to Zephyr Cloud automatically when built. The vite-plugin-zephyr handles the deployment process seamlessly.
The project includes ESLint configuration with TypeScript support. For production applications, you can enhance the configuration with type-aware lint rules:
- Configure type-aware linting by updating
parserOptions - Use
plugin:@typescript-eslint/recommended-type-checkedfor stricter rules - Add
plugin:react/recommendedfor React-specific linting
Zephyr Cloud is a micro-frontend deployment platform that provides:
- Auto-deployment: Seamless deployment from your build process
- Live preview links: Instant preview URLs for your applications
- SemVer versioning: Semantic versioning for your frontend modules
- Rollback capabilities: Easy rollback to previous versions
- Enterprise-scale orchestration: Built for composable frontend systems