Cloudflare's vinext: A Next.js-compatible framework built with AI on Vite

✍️ OpenClawRadar📅 Published: February 24, 2026🔗 Source
Cloudflare's vinext: A Next.js-compatible framework built with AI on Vite
Ad

What vinext is

vinext (pronounced "vee-next") is a drop-in replacement for Next.js built on Vite that deploys to Cloudflare Workers with a single command. One engineer and an AI model rebuilt it from scratch in one week for about $1,100 in tokens.

The deployment problem vinext solves

Next.js has deployment challenges in serverless ecosystems. While tools like OpenNext exist to adapt Next.js output for platforms like Cloudflare, Netlify, or AWS Lambda, they require reverse-engineering Next.js's build output, leading to fragile implementations that break between versions. Next.js's adapters API is still early and doesn't solve development-time issues - next dev runs exclusively in Node.js, preventing testing of platform-specific APIs like Durable Objects, KV, or AI bindings during development.

How vinext works

Instead of adapting Next.js output, vinext reimplements the Next.js API surface directly on Vite as a plugin. This includes routing, server rendering, React Server Components, server actions, caching, and middleware. Vite's Environment API enables the output to run on any platform.

Setup is straightforward:

npm install vinext

Replace next with vinext in your scripts while keeping app/, pages/, and next.config.js unchanged.

Commands:

  • vinext dev - Development server with HMR
  • vinext build - Production build
  • vinext deploy - Build and deploy to Cloudflare Workers
Ad

Performance benchmarks

Benchmarks compare vinext against Next.js 16 using a shared 33-route App Router application, with TypeScript type checking and ESLint disabled in Next.js's build to match Vite's behavior.

Production build time:

  • Next.js 16.1.6 (Turbopack): 7.38s baseline
  • vinext (Vite 7 / Rollup): 4.64s (1.6x faster)
  • vinext (Vite 8 / Rolldown): 1.67s (4.4x faster)

Client bundle size (gzipped):

  • Next.js 16.1.6: 168.9 KB baseline
  • vinext (Rollup): 74.0 KB (56% smaller)
  • vinext (Rolldown): 72.9 KB (57% smaller)

These benchmarks measure compilation and bundling speed, not production serving performance. The test uses a single 33-route app, not a representative sample of all production applications.

Current status

Cloudflare already has customers running vinext in production. The full methodology and historical results are public.

📖 Read the full source: HN AI Agents

Ad

👀 See Also

ShareMyClaudeMD: Tool Converts Claude-Generated Markdown Files to Shareable Rendered Pages
Tools

ShareMyClaudeMD: Tool Converts Claude-Generated Markdown Files to Shareable Rendered Pages

A developer built sharemyclaudemd.com, a free tool that converts any Markdown file into a live, rendered page with a shareable URL and QR code. The tool addresses the friction of sharing Claude-generated Markdown files, which often requires recipients to open them in a specific editor or push to GitHub just for a rendered view.

OpenClawRadar
Skill Studio: Open-Source Desktop App for Managing Claude AI Agent Skills
Tools

Skill Studio: Open-Source Desktop App for Managing Claude AI Agent Skills

Skill Studio is a free, open-source macOS desktop app that lets developers browse community skill repositories, preview documentation with markdown rendering, and install skills with one-click commands like npx skills add.

OpenClawRadar
Open-source 31-agent product development system for Claude with 12,000+ lines of content
Tools

Open-source 31-agent product development system for Claude with 12,000+ lines of content

An open-source Claude Skill provides 31 specialized AI agents and 20 strategic frameworks covering all company departments from product to compliance. The MIT-licensed system includes 62 files with 12,000+ lines of actionable content, country-specific compliance for multiple regions, and a smart-loading system that routes requests efficiently.

OpenClawRadar
ClaudeOrb: Chrome Extension Monitors Claude API Usage in Real-Time
Tools

ClaudeOrb: Chrome Extension Monitors Claude API Usage in Real-Time

A developer built ClaudeOrb, a free Chrome extension that displays Claude session percentage, weekly limits, countdown timers, Claude Code costs, and 7-day spending trends. The tool was created using Claude Code after hitting rate limits without warning.

OpenClawRadar