SYSTEM Cited by 2 sources
Vite¶
Vite is an open-source front-end build tool originally created by Evan You (Vue.js). Handles the hard parts of modern front-end tooling: fast HMR via native ESM in dev, production bundling via Rollup (Vite 7) or Rolldown (Vite 8, Rust-based), clean plugin API, multi-framework.
Powers most of the front-end framework ecosystem outside Next.js — Astro, SvelteKit, Nuxt, Remix.
Vite Environment API¶
The Vite Environment API lets a Vite-based framework describe environments (dev server, SSR runtime, worker runtime) in which user code runs. Makes Vite-based framework output portable across hosting platforms — the load-bearing property vinext exploits.
Role on this wiki¶
- Foundation of vinext — ~95 % of vinext is pure Vite; routing, module shims, SSR pipeline, RSC integration built as Vite plugins.
- Foundation of Astro — Cloudflare's recommended alternative for 100 %-static-content sites.
- Shared substrate for WDK's Vite-based framework
integrations (SvelteKit, Astro, Nuxt) — per
Vercel's
2026-04-21 WDK post verbatim: "We built the core Vite
integration once, then adapted it for each framework's
specific routing patterns." WDK hooks into Vite's
hotUpdatelifecycle via patterns/vite-hotupdate-directive-triggered-rebuild to trigger esbuild rebuilds only on workflow-directive changes, and uses Vite's plugin system to host WDK's client-mode SWC transform alongside framework routes. - The "alternative to Next.js + Turbopack" build-tool branch of the React ecosystem.
Seen in¶
- sources/2026-04-21-vercel-inside-workflow-devkit-how-framework-integrations-work — shared substrate for WDK's SvelteKit / Astro / Nuxt integrations; canonical host for client-mode SWC transform
hotUpdate-gated rebuild pattern.- sources/2026-02-24-cloudflare-how-we-rebuilt-nextjs-with-ai-in-one-week — canonical wiki instance. Vite is the foundation Cloudflare chose for vinext over adapting Next.js output.
Related¶
- systems/rolldown — Rust-based bundler, Vite 8.
- systems/rollup — JS bundler, Vite 7.
- systems/esbuild — dev-server dep pre-bundler; also WDK's server-side bundler (separate from Vite).
- systems/vitejs-plugin-rsc — RSC plugin.
- systems/vitest — Vite-native unit test runner.
- systems/vinext — Cloudflare's Next.js reimplementation built on Vite.
- systems/astro, systems/sveltekit — Vite-based frameworks.
- systems/turbopack — Next.js's in-house alternative.
- systems/nextjs — the framework Vite-ecosystem frameworks position against.
- systems/vercel-workflow — 2026-04-21 WDK integration.
- patterns/vite-hotupdate-directive-triggered-rebuild — WDK's HMR pattern on Vite.
- patterns/swc-plugin-three-mode-transform — WDK's client-mode transform is a Vite plugin.