Cloudflare recently introduced ‘Vinext’, a groundbreaking project designed to reconstruct the Next.js API surface by harnessing the power of Vite. The initiative, led by Cloudflare engineering director Steve Faulkner, was accomplished in a mere week using Anthropic’s Claude AI via the OpenCode AI coding agent, with an expenditure of approximately $1,100 on tokens.
Vinext emerges as an innovative attempt to address the known challenges of deploying Next.js on non-Vercel platforms. By replacing the traditional Turbopack toolchain with Vite, Vinext seeks to eliminate platform lock-in and streamline deployment processes for Cloudflare Workers and other targets. This experimental implementation redefines key components such as routing, Server-Side Rendering, React Server Components, server actions, middleware, caching, and both App and Pages Router.
The integration and development process was tightly aligned with the Next.js test suite, achieving a remarkable success rate by passing around 94% of over 2,000 tests. Despite the rapid development fueled by AI, Faulkner underscores the importance of human oversight to ensure accuracy and guide development paths. This underscores a critical reflection on the implications of AI-generated codebases that might elude full human comprehension.
Performance benchmarks of Vinext indicate significant improvements, with build times marked as up to 4.4 times faster and client bundles reduced by 56% compared to Next.js 16 utilizing Turbopack. Furthermore, Cloudflare offers a migration tool empowered by an agent, facilitating the transition to this new system.
Although the venture has not undergone human code review yet, Vinext signifies a promising step forward in evolving the Next.js ecosystem, merging the cutting-edge capabilities of AI with the flexibility of Vite. This development is poised to set a new trajectory for cloud-native application deployment, challenging traditional methodologies while fostering innovation through AI assistance.

Collections

Cloudflare engineering director Steve Faulkner built 'Vinext' in one week using Anthropic's Claude via the OpenCode AI coding agent (~$1,100 in tokens). Vinext reimplements the Next.js API surface on top of Vite instead of Turbopack, targeting Cloudflare Workers and eliminating Vercel platform lock-in. It covers routing, SSR, React Server Components, server actions, middleware, caching, and both App and Pages Router. The project passes ~94% of over 2,000 Next.js tests, achieves up to 4.4x faster build times, and reduces client bundles by 56% compared to Next.js 16 with Turbopack. A migration agent tool is also included. The codebase has not yet undergone human code review, raising questions about AI-generated code comprehensibility.

Cloudflare's Vinext: Reimagining Next.js on Vite with AI

It’s worth pointing out that Vercel’s CEO is quite salty about the project, which is a nice addition.