Tryb produkcyjny w frameworku NextJS

Tryb produkcyjny jest przeznaczony do uruchamiania projektu na hostingu. Głównym celem tego trybu jest zapewnienie maksymalnej wydajności i bezpieczeństwa projektu, a także zmniejszenie rozmiaru ładowanych plików w celu oszczędzania pamięci systemowej.

Główne cechy trybu produkcyjnego:

• Optymalizacja kodu - przed uruchomieniem w trybie produkcyjnym kod jest kompilowany. Na przykład, wykonywana jest minifikacja JavaScript i CSS w celu zmniejszenia ich rozmiaru i przyspieszenia ładowania strony.
• Generacja statyczna - framework wstępnie generuje strony, co przyspiesza ich ładowanie na stronie.
• Optymalizacja obrazów, które są automatycznie kompresowane i dostosowywane do różnych rozmiarów ekranu i urządzeń.
• Usuwanie informacji debugujących - cały kod do debugowania błędów jest usuwany ze stron przeglądarki. Jest to konieczne dla bezpiecznej pracy projektu i ukrycia informacji o strukturze plików przed użytkownikami.
• Brak gorącego przeładowania - w przeciwieństwie do trybu deweloperskiego, tutaj nie ma automatycznego przeładowania przy każdej wprowadzonej zmianie.

Tryb produkcyjny jest uruchamiany dwoma poleceniami. Najpierw trzeba wykonać build produkcyjny projektu:

terminalnpm run build

A następnie uruchomić zbudowany projekt:

terminalnpm start

Po uruchomieniu projektu zobaczysz informację o głównej strukturze projektu. Specjalnymi symbolami są oznaczane typy treści projektu - statyczne i dynamiczne. Na razie mamy tylko treści statyczne.