Next.js - Dağıtım

Şimdiye kadar geliştirme modunda örnek NEXT.JS uygulamasını geliştirdik ve çalıştırdık, şimdi aşağıdaki adımları kullanarak üretime hazır dağıtımı yerel olarak yapacağız.

  • npm run build - Üretime hazır, yüksek düzeyde optimize edilmiş bir yapı oluşturun.

  • npm run start - Sunucuyu başlatın.

Üretime hazır derleme, geliştirme moduna kıyasla kaynak eşlemlerinden ve sıcak kod yeniden yüklemesinden yoksundur çünkü bu özellikler öncelikle hata ayıklamada kullanılır.

Derlemeyi Hazırla

Üretime hazır derlemeyi hazırlamak için aşağıdaki komutu çalıştırın -.

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)

Sunucuyu başlatın

Üretim sunucusunu başlatmak için aşağıdaki komutu çalıştırın -.

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

Çıkışı Doğrula

Bir tarayıcıda localhost: 3000 / api / user açın ve aşağıdaki çıktıyı göreceksiniz.

{"name":"Robert"}