Termelési mód a NextJS keretrendszerben
A termelési mód arra szolgál, hogy a projektet hosztolásra indítsuk el. Ennek a módnak a fő célja az, hogy maximális teljesítményt és biztonságot biztosítson a projekt számára, valamint csökkentse a betöltött fájlok méretét a rendszermemória spórolása érdekében.
A termelési mód fő jellemzői:
- Kódoptimalizálás - a termelési módba történő indítás előtt a kód lefordításra kerül. Például a JavaScript és CSS minimalizálása történik meg, hogy csökkentse a méretüket és felgyorsítsa az oldal betöltését.
- Statikus generálás - a keretrendszer előre generálja az oldalakat, ami felgyorsítja a weboldalon való betöltésüket.
- Képek optimalizálása, amelyek automatikusan tömörítésre és igazításra kerülnek a különböző képátlójú kijelzők és eszközök számára.
- Hibakeresési információk eltávolítása - minden hibakeresésre szolgáló kód eltávolításra kerül a böngésző oldalairól. Ez a projekt biztonságos működéséhez szükséges, valamint a fájlstruktúrával kapcsolatos információk elrejtéséhez a felhasználók elől.
- Nincs forró újratöltés - a fejlesztői módtól eltérően itt nincs automatikus újratöltés minden egyes módosítás után.
A termelési mód két paranccsal indítható el. Először végre kell hajtani a projekt termelési buildjét:
npm run build
Majd el kell indítani a buildelt projektet:
npm start
A projekt indítása után információkat fog látni a projekt fő szerkezetéről. Speciális szimbólumok jelzik a projekt tartalomtípusait - statikus és dinamikus. Jelenleg csak statikus tartalommal rendelkezünk.
Próbálja ki a projekt indítását termelési módban.
Kapcsolja ki a termelési módot és kapcsolja be a fejlesztői módot. A további leckékben ebben a módban fogunk dolgozni.
