Next.js - Triển khai
Cho đến nay chúng tôi đã phát triển và chạy ứng dụng NEXT.JS mẫu ở chế độ nhà phát triển, bây giờ chúng tôi sẽ triển khai cục bộ sẵn sàng sản xuất bằng cách sử dụng các bước sau.
npm run build - Xây dựng sản xuất sẵn sàng, xây dựng tối ưu hóa cao.
npm run start - Khởi động máy chủ.
Bản dựng sẵn sàng sản xuất thiếu bản đồ nguồn và tải lại mã nóng so với chế độ nhà phát triển vì những tính năng đó chủ yếu được sử dụng để gỡ lỗi.
Chuẩn bị Xây dựng
Chạy lệnh sau để chuẩn bị xây dựng sẵn sàng sản xuất -.
npm run build
> [email protected] build \Node\nextjs
> next build
info - Loaded env from \Node\nextjs\.env.local
Creating an optimized production build
Compiled successfully.
Automatically optimizing pages
Page Size First Load JS
+ ? / 2.25 kB 60.3 kB
+ /_app 288 B 58.1 kB
+ /404 3.25 kB 61.3 kB
+ ? /api/user
+ ? /posts/[id] 312 B 61.6 kB
+ + /posts/one
+ + /posts/two
+ ? /posts/env 2.71 kB 60.8 kB
+ ? /posts/first 374 B 61.7 kB
+ First Load JS shared by all 58.1 kB
+ static/pages/_app.js 288 B
+ chunks/3458401054237127135bcd3ee8eb2a19d67af299.a1a019.js 10.5 kB
+ chunks/framework.c6faae.js 40 kB
+ runtime/main.60464f.js 6.54 kB
+ runtime/webpack.c21266.js 746 B
+ css/9706b5b8ed8e82c0fba0.css 175 B
? (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps)
(Static) automatically rendered as static HTML (uses no initial props)
? (SSG) automatically generated as static HTML + JSON (uses getStaticProps)Khởi động máy chủ
Chạy lệnh sau để bắt đầu máy chủ sản xuất -.
npm run start
> [email protected] start \Node\nextjs
> next start
info - Loaded env from \Node\nextjs\.env.local
ready - started server on http://localhost:3000Xác minh đầu ra
Mở localhost: 3000 / api / user trong trình duyệt và bạn sẽ thấy kết quả sau.
{"name":"Robert"}