Triển khai ứng dụng Next.js trong phiên bản sản xuất

Cách tạo phiên bản sản xuất của ứng dụng Next.js của bạn

Dễ dàng triển khai một ứng dụng được tạo bằng Next.js trong phiên bản sản xuất. Thêm 3 dòng đó vàopackage.json scriptphần:

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
}

Chúng tôi đã sử dụngnpm run devcho đến nay, để gọinextlệnh được cài đặt cục bộ trongnode_modules/next/dist/bin/next. Điều này đã khởi động máy chủ phát triển, cung cấp cho chúng tôibản đồ nguồntải lại mã nóng, hai tính năng rất hữu ích trong khi gỡ lỗi.

Lệnh tương tự có thể được gọi để xây dựng trang web thông quabuildcờ, bằng cách chạynpm run build. Sau đó, lệnh tương tự có thể được sử dụng để bắt đầu ứng dụng sản xuất chuyểnstartcờ, bằng cách chạynpm run start.

2 lệnh đó là những lệnh chúng ta phải gọi để triển khai thành công phiên bản sản xuất của trang web của chúng ta tại địa phương. Phiên bản sản xuất được tối ưu hóa cao và không đi kèm với bản đồ nguồn và những thứ khác như tải lại mã nóng sẽ không có lợi cho người dùng cuối của chúng tôi.

Vì vậy, hãy tạo một triển khai sản xuất ứng dụng của chúng tôi. Xây dựng nó bằng cách sử dụng:

npm run build

Đầu ra của lệnh cho chúng ta biết rằng một số tuyến đường (//bloghiện được hiển thị trước dưới dạng HTML tĩnh, trong khi/blog/[id]sẽ được phục vụ bởi chương trình phụ trợ Node.js.

Sau đó, bạn có thể chạynpm run startđể khởi động máy chủ sản xuất cục bộ:

npm run start

Tham quanhttp://localhost:3000sẽ hiển thị cho chúng tôi phiên bản sản xuất của ứng dụng, tại địa phương.

Tải xuống miễn phí của tôiSổ tay Next.js


Thêm các bài hướng dẫn tiếp theo: