Instant Navigation, Cache Components och strikta routetyper
En stor funktionsrelease med Instant Navigation för snabba klientsidesövergångar, Cache Components-arkitekturen konsoliderad från PPR, experimentella strikta routetyper i TypeScript, Deployment ID för skew protection och betydande Turbopack-förbättringar.
Nya funktioner
- Instant Navigation (unstable_instant()): ny API för optimerade klientsidesövergångar som minskar percipierad latens vid navigation.
- Cache Components: PPR (Partial Pre-Rendering) konsoliderat till cache-komponentarkitekturen. Kombinerar statisk och dynamisk rendering på komponentnivå.
- Cached Navigations (experimental.cachedNavigations): segment-caching för upprepade besök.
- Strikta routetyper (experimental.strictRouteTypes): TypeScript-kontroll av App Router-sidprops och komponentreturntyper.
- Deployment ID: NEXT_DEPLOYMENT_ID-global och html data-dpl-id-attribut för version skew protection vid deploys.
- Image-optimering: images.maximumResponseBody (50 MB default, ned från 300 MB) och images.maximumDiskCacheSize för LRU-diskcaching.
- Serveraction-loggning och vidarebefordran av browserkonsol-fel/varningar till terminalen.
- CPU-profilering via --experimental-cpu-prof och Node.js inspector-stöd i next dev och next build.
Vad innebär det för utvecklare?
strictRouteTypes är den mest värdiga experimentella funktionen att aktivera direkt -- den ger TypeScript-skydd för routestrukturen på samma sätt som TS gör för komponent-props. Serveraction-loggning i terminalen förenklar debugging märkbart. Cache Components-konsolideringen gör PPR-modellen tydligare: du annoterar komponenter med cacheLife/cacheTag snarare än att brottas med React-suspense-gränser manuellt.
Vad innebär det för verksamheter?
Instant Navigation och Cached Navigations förbättrar den upplevda prestandan för återkommande besökare. Deployment ID och skew protection minskar risken att användare serveras en mixad version av gammal och ny kod under en deploy -- ett vanligt problem som kan orsaka att sidan slutar fungera för aktiva användare mitt i ett flöde.