Productiemodus in het NextJS-framework
De productiemodus is bedoeld voor het starten van het project op hosting. Het hoofddoel van deze modus is om maximale prestaties en beveiliging van het project te garanderen, evenals het verminderen van de omvang van geladen bestanden om systeemgeheugen te besparen.
Belangrijkste kenmerken van de productiemodus:
- Code-optimalisatie - voordat het in productie wordt genomen, wordt de code gecompileerd. Bijvoorbeeld, minimalisatie van JavaScript en CSS wordt uitgevoerd om hun grootte te verkleinen en de paginalaadsnelheid te verhogen.
- Statische generatie - het framework genereert pagina's van tevoren, wat hun laadsnelheid op de website versnelt.
- Optimalisatie van afbeeldingen, die automatisch worden gecomprimeerd en aangepast voor verschillende schermformaten en apparaten.
- Verwijdering van debuginformatie - alle code voor foutopsporing wordt verwijderd van de browserpagina's. Dit is nodig voor een veilige werking van het project en het verbergen van informatie over de bestandsstructuur voor gebruikers.
- Geen hot reload - in tegenstelling tot de ontwikkelmodus is er hier geen automatisch herladen bij elke aangebrachte wijziging.
De productiemodus wordt gestart met twee commando's. Eerst moet de productiebuild van het project worden uitgevoerd:
npm run build
En start vervolgens het gebouwde project:
npm start
Na het starten van het project ziet u informatie over de hoofdstructuur van het project. Met speciale symbolen worden de inhoudstypen van het project gemarkeerd - statisch en dynamisch. Op dit moment hebben we alleen statische inhoud.
Probeer het project in de productiemodus te starten.
Schakel de productiemodus uit en schakel de ontwikkelmodus in. In de volgende lessen zullen we specifiek in deze modus werken.
