在生產環境部署 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 即可查看本地應用程式的生產版本。