{"id":55897,"date":"2022-06-14T08:31:54","date_gmt":"2022-06-14T07:31:54","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=55897&post_type=knowledgebase&preview_id=55897"},"modified":"2025-10-01T20:47:15","modified_gmt":"2025-10-01T19:47:15","slug":"next-js","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/next-js\/","title":{"rendered":"Cos’\u00e8 Next.js? Panoramica del Popolare Framework JavaScript"},"content":{"rendered":"

Definito il framework React<\/a> per la produzione, Next.js permette di costruire e distribuire rapidamente applicazioni su larga scala e pronte per la produzione.<\/p>\n

Next.js \u00e8 dotato di funzioni che permetteranno di portare la vostra applicazione da zero alla produzione in pochissimo tempo, offrendoti una curva di apprendimento facile, semplicit\u00e0 e strumenti potenti a vostra disposizione.<\/p>\n

Next.js estende la libreria React originale di Facebook e il pacchetto create-react-app per fornire un framework React estensibile, facile da usare e a prova di produzione.
\n
\nQuesta guida ti accompagner\u00e0 alla scoperta di Next.js, analizzando i motivi per cui utilizzare Next.js e le diverse applicazioni che usano Next.js in produzione. Parleremo anche degli elementi di Next.js e delle sue caratteristiche. Infine, impareremo a creare la nostra prima applicazione Next.js.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Cos’\u00e8 Next.js?<\/h2>\n

Next.js \u00e8 un framework React che permette di creare siti web e applicazioni web statiche, ottimizzate dal punto di vista SEO ed estremamente orientate all’utente, utilizzando il framework React. Next.js \u00e8 noto per offrire la migliore esperienza agli sviluppatori nella creazione di applicazioni pronte per la produzione con tutte le funzionalit\u00e0 necessarie.<\/p>\n

Dispone di rendering ibrido statico e server, supporto per TypeScript, bundling intelligente, route prefetching e molto altro, senza bisogno di ulteriori configurazioni.<\/p>\n

Perch\u00e9 Usare Next.js<\/h2>\n

In questa sezione vedremo perch\u00e9 imparare ad utilizzare Next.js. Vedremo anche quali sono le diverse applicazioni che si possono realizzare con Next.js.<\/p>\n

Ottimizzazione delle Immagini<\/h3>\n

Next.js offre l’ottimizzazione automatica delle immagini con build istantanee. L’ottimizzazione delle immagini<\/a> \u00e8 una potente funzione predefinita in Next.js perch\u00e9 la gestione e l’ottimizzazione delle immagini richiede un gran lavoro di configurazione e l’ottimizzazione manuale delle immagini pu\u00f2 richiedere molto tempo e incidere sulla vostra produttivit\u00e0.<\/p>\n

Internazionalizzazione<\/h3>\n

Un’altra ottima funzione di Next.js \u00e8 l’internazionalizzazione. \u00c8 possibile creare facilmente un’applicazione aziendale e tradurla in diverse lingue. Questa funzione \u00e8 un’aggiunta e rende Next.js riconosciuto a livello internazionale perch\u00e9 richiede una minore configurazione per l’internazionalizzazione.<\/p>\n

Analisi di Next.js<\/h3>\n

Next.js offre una dashboard analitica che pu\u00f2 essere configurata per mostrare dati accurati sui visitatori e approfondimenti sulle pagine. Grazie a questa funzione, \u00e8 possibile creare rapidamente un cruscotto analitico e ottenere preziose informazioni sui visitatori e sulle pagine senza dover ricorrere a codice o configurazioni aggiuntive.<\/p>\n

\"La
La dashboard di Next.js mostra in tempo reale le prestazioni e il punteggio dell’esperienza utente.<\/figcaption><\/figure>\n

Zero Configurazione<\/h3>\n

La compilazione e la build di Next.js avvengono automaticamente con un aggiornamento a caldo, senza alcuna configurazione, e scala e ottimizza automaticamente le applicazioni di produzione.<\/p>\n

La realizzazione dell’hot refresh o del refresh automatico su un’applicazione frontend tradizionale incontra molti ostacoli. Bisogna scegliere e installare le librerie giuste ed eseguire le configurazioni necessarie per farle funzionare correttamente. Next.js risolve questo problema fornendo nativamente un refresh a caldo, senza alcuna installazione e configurazione da parte dello sviluppatore.<\/p>\n

Supporto Predefinito di SSR, SSG e CSR<\/h3>\n

Con Next.js \u00e8 possibile supportare il rendering lato server, la generazione statica e il rendering lato client in un’unica applicazione. Potete decidere il tipo di applicazione che volete costruire e come intendete compilare la vostra applicazione per adattarla al meglio alllo specifico caso d’uso.<\/p>\n

Il rendering lato server rende Next.js adatto ad applicazioni di grandi dimensioni pronte per la produzione e orientate alla SEO e la configurazione \u00e8 un gioco da ragazzi.<\/p>\n

Applicazioni che Utilizzano Next.js<\/h2>\n

Di seguito \u00e8 riportato un elenco di applicazioni sviluppate con Next.js. Ricordiamo che Next.js \u00e8 supportato da aziende Fortune 500, tra cui GitHub<\/a>, Uber e Netflix.<\/p>\n

Di seguito sono elencate le 5 principali applicazioni realizzate con Next.js.<\/p>\n

TikTok<\/h3>\n
\"La
La homepage ufficiale di TikTok.<\/figcaption><\/figure>\n

TikTok \u00e8 una comunit\u00e0 di video online in cui gli utenti caricano video mobili di breve durata con milioni di visitatori giornalieri.<\/p>\n

La pagina web di TikTok \u00e8 sviluppata con Next.js per essere scalabile e ottimizzata per milioni di utenti attivi al giorno.<\/p>\n

Hashnode<\/h3>\n
\"La
La homepage ufficiale di Hashnode.<\/figcaption><\/figure>\n

Hashnode \u00e8 una piattaforma di blogging online gratuita rivolta agli sviluppatori ed \u00e8 realizzata con Next.js. Hashnode registra milioni di utenti, sfruttando le caratteristiche di Next.js che lo rendono adatto allo sviluppo di applicazioni di piccole e grandi dimensioni.<\/p>\n

Twitch Mobile<\/h3>\n
\"La
La homepage ufficiale di Twitch.<\/figcaption><\/figure>\n

Twitch \u00e8 una piattaforma social online che permette di chattare, interagire e godere di diversi tipi di contenuti e intrattenimento. Anche questa \u00e8 sviluppata con Next.js.<\/p>\n

Hulu<\/h3>\n
\"La
La homepage ufficiale di Hulu.<\/figcaption><\/figure>\n

Hulu \u00e8 una piattaforma di streaming simile a Netflix che permette agli utenti di guardare film e programmi televisivi online creati con Next.js.<\/p>\n

Binance<\/h3>\n
\"La
La homepage ufficiale di Binance.<\/figcaption><\/figure>\n

Binance \u00e8 un popolare portale di criptovalute con notizie, prezzi e la possibilit\u00e0 di acquistare e vendere, che registra milioni di utenti attivi e scambi di criptovalute ogni giorno. Next.js alimenta anche Binance.<\/p>\n

Per scoprire altre aziende e siti web che utilizzano Next.js, potete visitare la pagina ufficiale di Next.js<\/a>.<\/p>\n

Cosa Si Pu\u00f2 Creare con Next.js<\/h2>\n

Con Next.js non ci sono limiti al tipo di applicazioni che potete sviluppare. Inoltre, qualsiasi applicazione scegliate di creare con Next.js, avr\u00e0 tutti i vantaggi e le caratteristiche del framework senza bisogno di ulteriori configurazioni da parte vostra.<\/p>\n

Di seguito trovate l’elenco dei tipi di applicazioni che potete creare con Next.js:<\/p>\n