Produktions tilstand i NextJS framework
Produktions tilstand er designet til at starte projektet på hosting. Hovedformålet med denne tilstand er at sikre maksimal ydeevne og sikkerhed for projektet, samt at reducere mængden af filer, der indlæses, for at spare systemhukommelse.
Hovedtræk ved produktions tilstanden:
- Kodeoptimering - før opstart i produktion kompileres koden. For eksempel udføres minimering af JavaScript og CSS for at reducere deres størrelse og accelerere sidelæsning.
- Statisk generering - frameworket genererer sider på forhånd, hvilket accelererer deres indlæsning på webstedet.
- Optimering af billeder, som automatisk komprimeres og tilpasses til forskellige skærmstørrelser og enheder.
- Fjernelse af fejlfindingsoplysninger - al kode til fejlfinding fjernes fra browserens sider. Dette er nødvendigt for et sikkert projekt og for at skjule oplysninger om filstrukturen for brugerne.
- Ingen hot reload - i modsætning til udviklingstilstand er der ingen automatisk genindlæsning ved hver ændring.
Produktions tilstand startes med to kommandoer. Først skal du udføre produktionsbyggeri af projektet:
npm run build
Og derefter starte det built projekt:
npm start
Efter opstart af projektet vil du se information om projektets hovedstruktur. Specielle symboler markerer projektets indholdstyper - statisk og dynamisk. I øjeblikket har vi kun statisk indhold.
Prøv at starte projektet i produktions tilstand.
Sluk for produktions tilstanden og tænd udviklingstilstanden. I de følgende lektioner vil vi arbejde netop i denne tilstand.