在生產中部署Next.js應用

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

在生產環境中部署使用Next.js開發的應用程序很容易。將這3行添加到package.json script部分:

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

我們用了npm run dev到現在為止,next在本地安裝命令node_modules/next/dist/bin/next。這啟動了開發服務器,為我們提供了源圖熱代碼重裝,調試時有兩個非常有用的功能。

可以調用相同的命令來構建通過build標記,通過運行npm run build。然後,可以使用相同的命令通過以下命令來啟動生產應用start標記,通過運行npm run start

這兩個命令是我們必須調用以成功在本地部署站點的生產版本的命令。生產版本經過高度優化,並且不附帶源地圖和諸如熱代碼重裝之類的其他東西,這些東西對我們的最終用戶無益。

因此,讓我們創建應用程序的生產部署。使用以下命令進行構建:

npm run build

該命令的輸出告訴我們一些路由(//blog現在呈現為靜態HTML,而/blog/[id]將由Node.js後端提供。

那你就可以跑npm run start在本地啟動生產服務器:

npm run start

來訪http://localhost:3000會在本地向我們展示該應用的正式版。

免費下載我的Next.js手冊


接下來的更多教程: