[NextJS] Deployment
打包靜態檔案前的動作
:::參考資料 next 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
)用拖曳上傳的方式亦可。