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