Next.js - การปรับใช้
จนถึงตอนนี้เราได้พัฒนาและเรียกใช้แอปพลิเคชัน NEXT.JS ตัวอย่างในโหมด dev แล้วตอนนี้เราจะทำการปรับใช้งานที่พร้อมใช้งานจริงในเครื่องโดยใช้ขั้นตอนต่อไปนี้
npm run build - สร้างการผลิตที่พร้อมสร้างประสิทธิภาพสูง
npm run start - เริ่มเซิร์ฟเวอร์
การสร้างที่พร้อมใช้งานจริงไม่มีแผนที่ซอร์สและการโหลดโค้ดใหม่เมื่อเทียบกับโหมด dev เนื่องจากคุณลักษณะเหล่านี้ใช้เป็นหลักในการดีบัก
เตรียมสร้าง
รันคำสั่งต่อไปนี้เพื่อจัดเตรียมบิลด์สำเร็จรูปสำหรับการผลิต -
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)เริ่มต้นเซิร์ฟเวอร์
รันคำสั่งต่อไปนี้เพื่อเริ่มเซิร์ฟเวอร์การผลิต -
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ตรวจสอบผลลัพธ์
เปิด localhost: 3000 / api / user ในเบราว์เซอร์และคุณจะเห็นผลลัพธ์ต่อไปนี้
{"name":"Robert"}