跳至主要内容

[NextJS] Deployment

打包靜態檔案前的動作

:::參考資料 next export

Static HTML Export

:::

如果想要將 Next.js 的專案部署到靜態網站上,可以使用 next export 來產生靜態網頁:

# 如果對於指令不清楚可以隨時加上 `--help` 來查看
$ npx next export --help

# export 之前要先 build
$ npx next build

# 執行 export
$ npx next export -o dist # -o:指定輸出的資料夾名稱

# 在本地執行靜態檔
$ npx serve dist

Vercel

可以說是最簡單的方式。Vercel 可以直接整合在 Github 或 Gitlab 上的專案,選擇專案後,只要按下「Deploy」,就可以完成部署。

Netlify

和 Vercel 類似,Netlify 也可以直接整合在 Github 或 Gitlab 上的專案,選擇專案後,只要按下「Deploy」,就可以完成部署。如果是靜態站的話,也使用 Manual Deploy,將檔案(例如 /dist)用拖曳上傳的方式亦可。

Nginx on DigitalOcean