Cloudflare veröffentlicht vinext, eine mit AI in nur einer Woche in Vite neu implementierte Version von Next.js
(blog.cloudflare.com)Ein Cloudflare-Ingenieur hat mit Unterstützung von AI (Claude) das Projekt „vinext (vee-next)“ vorgestellt, bei dem die komplexe Next.js-Infrastruktur vollständig auf Vite-Basis neu geschrieben wurde. Es handelt sich um einen experimentellen Versuch, die bekannten Deployment- und Build-Probleme von Next.js zu lösen.
Wichtige Zusammenfassung
- Motivation: Next.js ist großartig, hängt jedoch stark von seinem eigenen Build-Tool Turbopack ab. Für Deployments in serverlosen Umgebungen wie Cloudflare Workers oder AWS Lambda musste man daher über komplexe Adapter wie OpenNext gehen, was zu einem „Deployment-Flaschenhals“ führte.
- Entwicklungsprozess: Mit aktiver Nutzung von AI innerhalb einer Woche umgesetzt. Verifiziert mit aus den Next.js-Tests und den Eignungstests von OpenNext portierten Vitest-Tests (1.700+) sowie 380 Playwright-E2E-Tests. 94 % der API-Surface-Tests von Next.js 16 wurden bestanden.
- Lösung: Statt die von Next.js erzeugten Artefakte nachträglich zu verändern, wurde die Next.js-API (Routing, RSC, SSR usw.) von Grund auf direkt auf Vite implementiert.
- Ergebnis: Mit AI-Token-Kosten von rund 1.100 US-Dollar in einer Woche fertiggestellt. Im Vergleich zu Next.js sind die Build-Zeiten bis zu 4-mal schneller, und die Größe des Client-Bundles ist 57 % kleiner.
- Technische Merkmale: Kern-APIs wie
next/link,next/navigation, Server Actions und RSC (React Server Components) wurden in Form von Vite-Plugins neu implementiert, sodass bestehende Next.js-Apps nahezu unverändert migriert werden können.
Bedeutung: Das Projekt zeigt, dass sich selbst große Frameworks mit gut definierten Tests und Unterstützung durch AI in kurzer Zeit durch eine „leichte und schnelle Version“ ersetzen lassen.
Noch keine Kommentare.