Vite

Deploy Vite applications to Cloudflare Workers with automatic configuration and local development support.

Installation

Install the required dependencies:

npm install alchemy vite @vitejs/plugin-react

The Vite resource extends Website and accepts all its properties:

entrypoint (optional): Path to the worker entrypoint file
- Default: undefined (SPA mode)
assets (optional): Path to static assets directory
- Default: dist/client (if entrypoint provided), otherwise dist
bindings: Cloudflare bindings (KV, R2, D1, etc.)
dev: Local development configuration
build: Build command override
- Default: Automatically detected from package manager

For SSR applications, provide an entrypoint:

const website = await Vite("website", {
  entrypoint: "src/worker.ts",
  assets: "dist/client",
  bindings: {
    DB: database,
  },
});

The Alchemy Vite plugin automatically:

Start the dev server:

npm run dev

⌘I