Im Verlauf der 16.x-Versionen hat Next.js ein neues Programmierungsmodell eingeführt, das App Router-Frustrationen adressiert: schnelle initialer Ladezeiten, sofortige Client-Navigationen und optionales deklaratives Caching. Dieses Modell, Cache-Komponenten genannt, wird in Next.js 17 die Standardoption. Vor dieser Version wurde es aufgrund von Leistungslücken nicht allgemein empfohlen.
Die Schlüsseleigenschaften in 16.4 schließen diese Lücken, sodass Next.js Cache-Komponenten als die beste Wahl für jede Anwendung empfehlen kann. Ab 16.4 sind alle neuen Apps, die mit create-next-app erstellt wurden, standardmäßig auf Cache-Komponenten aktiviert. Neue Greenfield-Projekte können das Modell ohne Bedenken annehmen.
Für bestehende Apps liefert der neue Befehl `next upgrade --agent` versionsspezifische Anleitung und dedizierte Skills-Hilfesagen mit Refactoring-Empfehlungen, um Cache-Komponenten zu adoptieren. 16.4 schließt auch verbesserte Out-of-the-Box-Funktionalität für alle Apps ein: geringerer Speicher- und Datenvorschau im Entwicklungsmodus, verkürzte Kompilierzeiten, kleinere Produktions-Bundles und React 19.3. Cache-Komponenten sind eine Reihe von Funktionen, die Entwicklern erlauben, bestimmte Teile eines Komponentenbaums als cachefähig zu kennzeichnen. Mit 'use cache'-Annotationen cacht Next.js die Komponenten-UI während Client-Navigationen und optional während Server-Rendering oder Build.
Diese zusammensetzbaren Annotationen kombinieren Client-seitiges Caching, pluggable Server-seitiges Caching und Request-Time-Rendering in einer einzelnen Seite und ersetzen implizites Caching-Verhalten vorheriger App Router-Versionen. Ein markantes Merkmal ermöglicht es Seiten, statischen und dynamischen Inhalt in einer einzigen Server-Antwort zu streamen, was komplexe Benutzeroberflächen ohne Geschwindigkeitsverlust ermöglicht. Für vollständig statische Seiten garantiert die neue Option Static, dass die Route-Shell, Prefetch oder Navigation statisch ist und dynamische Komponenten verhindert, Leistung oder Kosteneigenschaften versehentlich zu verschlechtern.
Quelle: Hacker News · Zusammengefasst von HeadlinesBriefing