Chế độ Production trong Framework NextJS

Chế độ production được thiết kế để chạy dự án trên hosting. Mục tiêu chính của chế độ này là đảm bảo hiệu suất tối đa và an ninh cho dự án, đồng thời giảm dung lượng các file được tải xuống để tiết kiệm bộ nhớ hệ thống.

Các đặc điểm chính của chế độ production:

• Tối ưu hóa mã - trước khi chạy ở chế độ production, mã sẽ được biên dịch. Ví dụ, thực hiện tối giản (minify) JavaScript và CSS để giảm kích thước của chúng và tăng tốc độ tải trang.
• Static Generation (Tạo tĩnh) - framework tạo trước các trang, điều này giúp tăng tốc độ tải trang trên website.
• Tối ưu hóa hình ảnh, chúng tự động được nén và điều chỉnh cho các kích thước màn hình và thiết bị khác nhau.
• Xóa thông tin debug - toàn bộ mã dùng để debug lỗi sẽ bị loại bỏ khỏi trang trình duyệt. Điều này cần thiết cho hoạt động an toàn của dự án và để che giấu thông tin về cấu trúc file khỏi người dùng.
• Không có hot reload - không giống chế độ phát triển, ở đây không có tính năng tự động tải lại trang mỗi khi có thay đổi được thực hiện.

Chế độ production được khởi chạy bằng hai lệnh. Đầu tiên cần thực hiện build dự án cho production:

terminalnpm run build

Và sau đó chạy dự án đã được build:

terminalnpm start

Sau khi khởi chạy dự án, bạn sẽ thấy thông tin về cấu trúc chính của dự án. Các ký tự đặc biệt được dùng để đánh dấu các loại nội dung của dự án - tĩnh và động. Ở thời điểm hiện tại, chúng ta chỉ có nội dung tĩnh.