Modalità Produzione nel Framework NextJS
La modalità produzione è destinata all' avvio del progetto su hosting. L'obiettivo principale di questa modalità è garantire le massime prestazioni e sicurezza del progetto, oltre a ridurre il volume dei file caricati per risparmiare memoria di sistema.
Le caratteristiche principali della modalità produzione:
- Ottimizzazione del codice - prima dell'avvio in produzione, il codice viene compilato. Ad esempio, viene eseguita la minimizzazione di JavaScript e CSS per ridurne le dimensioni e accelerare il caricamento della pagina.
- Generazione statica - il framework genera in anticipo le pagine, il che ne accelera il caricamento sul sito.
- Ottimizzazione delle immagini, che vengono automaticamente compresse e adattate per diversi dimensioni dello schermo e dispositivi.
- Rimozione delle informazioni di debug - tutto il codice per il debug degli errori viene rimosso dalle pagine del browser. Ciò è necessario per il funzionamento sicuro del progetto e per nascondere informazioni sulla struttura dei file agli utenti.
- Assenza di ricaricamento a caldo - a differenza della modalità sviluppo, qui non c'è un ricaricamento automatico ad ogni modifica apportata.
La modalità produzione viene avviata con due comandi. Per prima cosa è necessario eseguire la build di produzione del progetto:
npm run build
E poi avviare il progetto buildato:
npm start
Dopo aver avviato il progetto, vedrete informazioni sulla struttura principale del progetto. Con simboli speciali vengono contrassegnati i tipi di contenuto del progetto - statico e dinamico. Al momento abbiamo solo contenuto statico.
Per provare, avviate il progetto in modalità produzione.
Disattivate la modalità produzione e attivate la modalità sviluppo. Nelle prossime lezioni lavoreremo proprio in questa modalità.
