Next.js 16 introduce Cache Components, un sistema di caching completamente opzionale che elimina le incertezze del passato, permettendo agli sviluppatori di decidere esattamente cosa memorizzare e per quanto tempo.
Il framework ora rende esplicito ogni aspetto: di default nulla viene salvato automaticamente, evitando sorprese e comportamenti imprevedibili. La direttiva ‘use cache’ si applica a pagine, componenti o funzioni singole, con chiavi generate automaticamente dal compilatore per semplificare la gestione.
Tra le novità principali emergono cacheLife() per impostare durate precise – da minuti a giorni – e cacheTag() per etichettare i dati e aggiornarli selettivamente con updateTag(). Questo approccio granularità permette di combinare parti statiche velocissime, come header e footer, con sezioni dinamiche che si attualizzano in tempo reale, come saluti personalizzati o prezzi live.
Rispetto alle versioni precedenti, dove il caching implicito creava confusione, ora gli sviluppatori hanno il pieno controllo: contenuti statici si caricano istantaneamente, mentre quelli variabili rispondono alle interazioni utente. Esempi pratici includono e-commerce con prezzi aggiornati ogni 5 minuti o blog con post memorizzati per 24 ore, ottimizzando prestazioni e freschezza dei dati.
Queste innovazioni, integrate con miglioramenti come Turbopack, rendono Next.js 16 ideale per applicazioni web scalabili e reattive, elevando l’esperienza di sviluppo e deployment.