Cloudflare veröffentlicht Vinext 1.0 für Next.js-Anwendungen auf weiteren Plattformen

Cloudflare hat Vinext 1.0 veröffentlicht, ein auf Vite basierendes Framework, mit dem bestehende Next.js-Anwendungen auf verschiedenen Webplattformen wie Cloudflare Workers, Netlify und AWS Lambda ausgeführt werden können. Die Version richtet sich sowohl an den App Router als auch an den Pages Router, sodass Teams migrieren können, ohne ihre bestehende Projektstruktur aufgeben zu müssen.

Kompatibilität steht im Mittelpunkt

Vinext 1.0 unterstützt hybride Anwendungen und implementiert wichtige Next.js-Muster wie React Server Components, Server Actions, API-Routen, Route Handler, Middleware und clientseitige Navigation. Laut Cloudflare übersteigt die Kompatibilität für die wichtigsten vom Kunden gewünschten Funktionen mittlerweile 99 Prozent. Das Unternehmen weist jedoch darauf hin, dass dieser Wert auf eigenen Kompatibilitätsarbeiten beruht und keinen unabhängigen Benchmark darstellt.

Das Framework deckt zudem Server-Rendering, Vorab-Rendering zur Build-Zeit, statische Exporte und seitenbasiertes Incremental Static Regeneration (ISR) ab. Gemeinsame Caching-Funktionen funktionieren sowohl router- als auch laufzeitübergreifend, ergänzt durch zusätzliche Unterstützung für den Cloudflare Workers Cache.

Migration und Bereitstellung

Bestehende Projekte lassen sich mit den Befehlen `npx vinext check` und im Anschluss `npx vinext init` überprüfen und initialisieren. Neue Anwendungen können mit dem Befehl `npm create vinext-app@latest my-app` gestartet werden. Cloudflare betont, dass der Prozess die bisherige Next.js-Projektstruktur beibehält und gleichzeitig Vite sowie die Deployment-Konfiguration hinzufügt.

Vinext kann Servercode während der Entwicklung und in der Produktion in der Cloudflare-workerd-Laufzeitumgebung ausführen. Dabei erhalten Anwendungen Zugriff auf Workers-Bindings wie die Bildoptimierung und Hyperdrive. Das Framework ist zudem für den Einsatz auf anderen Webplattformen ausgelegt, wobei die detailliertesten Informationen zur Bereitstellung für Cloudflare Workers vorliegen.

Cache-Warming für große Websites

Ein neuer Cache-Warming-Ablauf verlagert das Rendern ausgewählter Seiten von der Build-Maschine in das Netzwerk von Cloudflare. Dabei werden Next.js-Routengenerierungsprimitive genutzt, um stark frequentierte Seiten vor dem Production-Deployment zu ermitteln. Die Caches werden daraufhin auf einer Worker-Version befüllt, die noch keinen Live-Traffic erhält, bevor die Bereitstellung erfolgt.

Dieser Ansatz richtet sich vor allem an Websites mit sehr großen URL-Beständen, bei denen das Vorab-Rendering jeder einzelnen Seite während des Builds erhebliche Zeit in Anspruch nehmen kann. Er ist eng mit dem Cloudflare-Deployment-Prozess verknüpft und dient nicht als allgemeiner Ersatz für alle Rendering-Prozesse zur Build-Zeit.

Eine genannte Einschränkung

Vinext bietet derzeit nur eine eingeschränkte Unterstützung für die Direktive `use cache`, die in Verbindung mit Next.js Cache Components verwendet wird. Cloudflare gibt an, dass die Verbesserung dieser Kompatibilität auf der Roadmap steht, sich die aktuelle Entwicklung jedoch auf das Router-Verhalten, Caching, das Deployment und andere Kernbereiche konzentriert.

KI-generierte redaktionelle Illustration; kein Dokumentarfoto.

Quelle: Next.js applications, powered by Vite: introducing Vinext 1.0