Next.js - Deployment
Sejauh ini kami telah mengembangkan dan menjalankan contoh aplikasi NEXT.JS dalam mode pengembang, sekarang kami akan melakukan penerapan siap produksi secara lokal menggunakan langkah-langkah berikut.
npm run build - Bangun produksi siap, build yang sangat dioptimalkan.
npm run start - Mulai server.
Versi siap produksi tidak memiliki peta sumber dan pemuatan ulang kode panas dibandingkan dengan mode pengembang karena fitur tersebut terutama digunakan dalam proses debug.
Siapkan Build
Jalankan perintah berikut untuk menyiapkan build siap produksi -.
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)Mulai server
Jalankan perintah berikut untuk memulai server produksi -.
npm run start
> [email protected] start \Node\nextjs
> next start
info - Loaded env from \Node\nextjs\.env.local
ready - started server on http://localhost:3000Verifikasi Output
Buka localhost: 3000 / api / user di browser dan Anda akan melihat output berikut.
{"name":"Robert"}