Produktionsmodus im NextJS-Framework
Der Produktionsmodus ist für den Start des Projekts auf dem Hosting vorgesehen. Das Hauptziel dieses Modus besteht darin, maximale Leistung und Sicherheit des Projekts zu gewährleisten sowie das Volumen der geladenen Dateien zu reduzieren, um Systemspeicher zu sparen.
Die Hauptmerkmale des Produktionsmodus:
- Code-Optimierung - vor dem Start in der Produktion wird der Code kompiliert. Zum Beispiel wird die Minimierung von JavaScript und CSS durchgeführt, um deren Größe zu verringern und das Laden der Seite zu beschleunigen.
- Statische Generierung - das Framework generiert Seiten im Voraus, was deren Ladegeschwindigkeit auf der Website erhöht.
- Optimierung von Bildern, die automatisch komprimiert und für verschiedene Bildschirmgrößen und Geräte angepasst werden.
- Entfernung von Debug-Informationen - der gesamte Code zur Fehlerdebugging wird von den Browser-Seiten entfernt. Dies ist für den sicheren Betrieb des Projekts notwendig und um Informationen über die Dateistruktur vor den Benutzern zu verbergen.
- Kein Hot Reloading - im Gegensatz zum Entwicklungsmodus gibt es hier kein automatisches Neuladen bei jeder vorgenommenen Änderung.
Der Produktionsmodus wird mit zwei Befehlen gestartet. Zuerst muss der Produktions-Build des Projekts ausgeführt werden:
npm run build
Und dann starten Sie das gebaute Projekt:
npm start
Nach dem Start des Projekts sehen Sie Informationen über die grundlegende Struktur des Projekts. Mit speziellen Symbolen werden die Inhaltstypen des Projekts gekennzeichnet - statisch und dynamisch. Im Moment haben wir nur statische Inhalte.
Starten Sie das Projekt probeweise im Produktionsmodus.
Schalten Sie den Produktionsmodus aus und schalten Sie den Entwicklungsmodus ein. In den weiteren Lektionen werden wir genau in diesem Modus arbeiten.
