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:3000

Xá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"}