Mode Produksi dalam Framework NextJS
Mode produksi dirancang untuk menjalankan proyek di hosting. Tujuan utama dari mode ini adalah untuk memastikan performa dan keamanan proyek yang maksimal, serta mengurangi volume file yang dimuat untuk menghemat memori sistem.
Fitur utama mode produksi:
- Optimisasi kode - sebelum dijalankan dalam produksi, kode dikompilasi. Misalnya, dilakukan minimisasi JavaScript dan CSS untuk mengurangi ukurannya dan mempercepat pemuatan halaman.
- Generasi statis - framework menghasilkan halaman terlebih dahulu, yang mempercepat pemuatannya di situs.
- Optimisasi gambar, yang secara otomatis dikompresi dan disesuaikan untuk berbagai ukuran layar dan perangkat.
- Penghapusan informasi debug - semua kode untuk debugging error dihapus dari halaman browser. Hal ini diperlukan untuk keamanan kerja proyek dan menyembunyikan informasi tentang struktur file dari pengguna.
- Tidak ada reload panas - tidak seperti mode pengembangan, di sini tidak ada reload otomatis saat setiap perubahan dilakukan.
Mode produksi dijalankan dengan dua perintah. Pertama, perlu dijalankan build produksi proyek:
npm run build
Kemudian jalankan proyek yang telah dibuild:
npm start
Setelah menjalankan proyek, Anda akan melihat informasi tentang struktur utama proyek. Simbol khusus menandai jenis konten proyek - statis dan dinamis. Saat ini kita hanya memiliki konten statis.
Untuk mencoba, jalankan proyek dalam mode produksi.
Matikan mode produksi dan nyalakan mode pengembangan. Dalam pelajaran selanjutnya kita akan bekerja dalam mode ini.
