在生產環境部署 Next.js 應用程式

如何生成 Next.js 應用程式的生產版本

在生產環境中部署使用 Next.js 開發的應用程式非常簡單。只需將以下 3 行代碼添加到 package.json 的 script 部分：

"scripts": {
 "dev": "next",
 "build": "next build",
 "start": "next start"
}

到目前為止，我們一直使用 npm run dev 來調用本地安裝的 node_modules/next/dist/bin/next 中的 next 命令。這個命令用於啟動開發服務器，該服務器為我們提供了在調試時非常有用的功能，如 源代碼映射 和 熱加載代碼。

同樣的命令也可用於生成網站，只需運行 npm run build 命令並傳遞 build 標誌。然後，可以使用相同的命令並傳遞 start 標誌來啟動生產應用程式，即運行 npm run start 命令。

要成功在本地部署應用程式的生產版本，我們必須調用這兩個命令。生產版本進行了高度優化，不包括源代碼映射等對最終用戶沒有益處的功能。

因此，讓我們來生成我們的應用程式的生產部署版本。運行以下命令進行構建：

npm run build

該命令的輸出告訴我們一些路由（/ 和 /blog）現在被預渲染為靜態 HTML，而 /blog/[id] 將由 Node.js 後端進行服務。

然後，運行 npm run start 來啟動本地生產服務器：

npm run start

訪問 http://localhost:3000 即可查看本地應用程式的生產版本。