Λειτουργία Production στο πλαίσιο NextJS
Η λειτουργία production προορίζεται για την εκκίνηση του project στον hosting. Ο κύριος στόχος αυτής της λειτουργίας είναι να εξασφαλίσει τη μέγιστη απόδοση και ασφάλεια του project, καθώς και να μειώσει τον όγκο των αρχείων που φορτώνονται για εξοικονόμηση συστημικής μνήμης.
Τα κύρια χαρακτηριστικά της λειτουργίας production:
- Βελτιστοποίηση κώδικα - πριν από την εκκίνηση σε production, ο κώδικας μεταγλωττίζεται. Για παράδειγμα, εκτελείται minimization του JavaScript και CSS για μείωση του μεγέθους τους και επιτάχυνση της φόρτωσης της σελίδας.
- Στατική generation - το πλαίσιο δημιουργεί τις σελίδες εκ των προτέρων, κάτι που επιταχύνει τη φόρτωσή τους στον ιστότοπο.
- Βελτιστοποίηση εικόνων, οι οποίες αυτόματα συμπιέζονται και προσαρμόζονται για διαφορετικά μεγέθη οθόνης και συσκευές.
- Αφαίρεση πληροφοριών debugging - όλος ο κώδικας για τον εντοπισμό σφαλμάτων αφαιρείται από τις σελίδες του browser. Αυτό είναι απαραίτητο για την ασφαλή λειτουργία του project και την απόκρυψη πληροφοριών σχετικά με τη δομή των αρχείων από τους χρήστες.
- Απουσία hot reload - σε αντίθεση με τη λειτουργία ανάπτυξης, εδώ δεν υπάρχει αυτόματη reload upon change.
Η λειτουργία production εκκινούται με δύο εντολές. Αρχικά, πρέπει να εκτελέσετε production build του project:
npm run build
Και στη συνέχεια να εκκινήσετε το built project:
npm start
Μετά την εκκίνηση του project, θα δείτε πληροφορίες σχετικά με τη βασική δομή του project. Με ειδικά σύμβολα σημειώνονται οι τύποι περιεχομένου του project - στατικό και δυναμικό. Προς το παρόν, έχουμε μόνο στατικό περιεχόμενο.
Για δοκιμή, εκκινήστε το project σε λειτουργία production.
Απενεργοποιήστε τη λειτουργία production και ενεργοποιήστε τη λειτουργία ανάπτυξης. Στα επόμενα μαθήματα θα δουλέψουμε σε αυτήν ακριβώς τη λειτουργία.
