Next.js 15: Le Nuove Funzionalità

Scopri tutte le nuove funzionalità di Next.js 15, tra cui il supporto per React 19, miglioramenti a Turbopack e un nuovo modello di caching.

Enrico Monzeglio

Enrico Monzeglio

async request APIs caching Next.js nuove funzionalità Next.js 15 React 19 TurbopackNext.js 15

Next.js 15 introduce una serie di nuove funzionalità e miglioramenti che ottimizzano l’esperienza di sviluppo per i developer web.

Ecco le principali novità:

  • @next/codemod CLI: Una nuova interfaccia a riga di comando che rende facile l'aggiornamento alle ultime versioni di Next.js e React, semplificando il processo di migrazione.
  • API di Richieste Asincrone (Breaking): Un cambiamento significativo verso un modello di rendering e caching semplificato, con una gestione diversa delle richieste fetch e delle navigazioni client-side.
  • Caching Semantics (Breaking): Le richieste fetch, i gestori delle rotte GET e le navigazioni client ora non vengono più memorizzate nella cache di default, offrendo maggiore controllo agli sviluppatori.
  • Supporto per React 19: Next.js 15 è pienamente compatibile con React 19, includendo miglioramenti al compilatore React e alla gestione degli errori di idratazione.
  • Turbopack Dev (Stabile): Grandi passi avanti in termini di prestazioni e stabilità durante lo sviluppo grazie al perfezionamento di Turbopack.
  • Indicatore Statico: Un nuovo indicatore visivo per evidenziare le rotte statiche durante lo sviluppo, migliorando la visibilità e il debugging.
  • API unstable_after (Sperimentale): Questa nuova API sperimentale consente l’esecuzione di codice dopo che una risposta ha finito di essere trasmessa, aumentando la flessibilità per i developer.
  • API instrumentation.js (Stabile): Fornisce nuovi strumenti per l'osservabilità del ciclo di vita dei server, utile per il monitoraggio e l'analisi delle prestazioni.
  • Moduli Form Migliorati (next/form): I moduli HTML ora possono essere potenziati con la navigazione lato client, rendendo l'interazione con i form più fluida.
  • Supporto TypeScript per next.config.ts: Il file di configurazione next.config ora può essere scritto in TypeScript, migliorando la tipizzazione e riducendo gli errori.
  • Miglioramenti all'Auto-hosting: Maggiore controllo sugli header Cache-Control, ottimizzando le performance di hosting autonomo.
  • Sicurezza Server Actions: Endpoint migliorati e impenetrabili, con la rimozione di azioni non utilizzate per una sicurezza più robusta.
  • Bundle di Pacchetti Esterni (Stabile): Nuove opzioni di configurazione per gestire i pacchetti esterni con App e Pages Router.
  • Supporto ESLint 9: Next.js 15 aggiunge il supporto per ESLint 9, permettendo una linting ancora più avanzata.
  • Prestazioni di Sviluppo e Build: Tempi di build migliorati e una modalità di Fast Refresh ancora più rapida, ottimizzando il flusso di lavoro per i team di sviluppo.

Next.js 15 è un grande passo avanti per sviluppatori di applicazioni web, grazie a miglioramenti nella stabilità, performance e usabilità. Se lavori con React, o cerchi un framework più efficiente per i tuoi progetti, è il momento giusto per aggiornare!