Il 6 ottobre è stata rilasciata la versione 16.4 di Next.js, il framework React più diffuso per lo sviluppo di siti e applicazioni web. L'aggiornamento interviene su tre aspetti che incidono direttamente sul lavoro quotidiano: velocità in sviluppo, dimensione dei file in produzione e funzionalità disponibili grazie a React 19.3.

Sviluppo più veloce

Gli import dinamici lato client e i moduli lato server vengono ora compilati in modo differito, solo quando servono. Nei progetti di grandi dimensioni questo riduce sensibilmente i tempi di avvio e di ricompilazione. Anche la cache di sviluppo di Turbopack occupa meno spazio su disco, grazie a interventi su compressione e conservazione dei dati.

Bundle di produzione più leggeri

La versione 16.4 introduce l'abbreviazione dei nomi esportati e nomi di classe più corti per i CSS Modules. Sono ottimizzazioni invisibili per chi sviluppa, ma riducono il peso dei file scaricati dal browser, con benefici sui tempi di caricamento e sui Core Web Vitals.

React 19.3

  • View Transitions stabili, per animare il passaggio tra stati e pagine in modo nativo
  • Fragment Refs stabili
  • Supporto a browser() e a Trusted Types, utile per rafforzare la protezione da attacchi di tipo XSS

Altre novità

I nuovi progetti creati con create-next-app hanno i Cache Components attivi per impostazione predefinita. È inoltre disponibile in via sperimentale una funzione per raccogliere feedback strutturati dagli agenti di programmazione, attivabile su richiesta.

Come aggiornare

L'aggiornamento si esegue con il comando:

npm install next@latest

Prima di portarlo in produzione è consigliabile verificare la compatibilità delle dipendenze e confrontare le dimensioni dei bundle prima e dopo l'aggiornamento. Per i progetti esistenti che non usano ancora i Cache Components, conviene valutarne l'adozione in modo graduale, partendo dalle pagine con contenuti più stabili.