The Cloudflare Vite plugin enables a full-featured integration between Vite and the Workers runtime. Your Worker code runs inside workerd, matching the production behavior as closely as possible and providing confidence as you develop and deploy your applications.

// vite.config.ts

import { defineConfig } from "vite";
import { cloudflare } from "@cloudflare/vite-plugin";

export default defineConfig({
  plugins: [cloudflare()],
});

Documentation

Full documentation can be found here.

Features

Uses the Vite Environment API to integrate Vite with the Workers runtime
Provides direct access to Workers runtime APIs and bindings
Builds your front-end assets for deployment to Cloudflare, enabling you to build static sites, SPAs, and full-stack applications
Official support for TanStack Start and React Router v8 with server-side rendering
Leverages Vite's hot module replacement for consistently fast updates
Supports vite preview for previewing your build output in the Workers runtime prior to deployment

Use cases

TanStack Start
React Router v8
Support for more full-stack frameworks is coming soon
Static sites, such as single-page applications, with or without an integrated backend API
Standalone Workers
Multi-Worker applications