Next.js

免費將 Next.js 網站部署成靜態頁面

不是每個 Next.js 專案都需要伺服器算圖。以靜態頁為主的網站可匯出為一般 HTML,再用 HTML To Link 快速部署。

啟用靜態匯出

在 next.config.mjs 設定 output: 'export',執行 next build 後會在 out/ 產生完整 HTML、CSS 與 JavaScript。API Routes、Middleware 和請求時資料庫查詢不能在純靜態輸出中執行。

  • 設定 output: 'export'
  • 執行 npx next build
  • 確認 out/ 目錄內容

部署 out 目錄

將 out/ 壓成 ZIP 上傳並選擇 index.html,或執行 npx htmltolink-mcp deploy --next,自動建置與上傳。

  • 手動:壓縮 out/、上傳、發布
  • CLI:npx htmltolink-mcp deploy --next
  • Agent:要求 Cursor 部署此 Next.js 專案

何時適合靜態匯出

適合登陸頁、文件、作品集、部落格預覽與 AI 前端。若需要 SSR、API Routes 或請求時資料,應改用 Vercel 或 Node 伺服器。

FAQ

需要修改 Next.js 程式碼嗎?

只有使用 API Routes、getServerSideProps 或 Middleware 等伺服器功能時需要調整。

圖片和字型會一起部署嗎?

會,靜態建置會放入 out/;請使用相對路徑或設定 next/image loader。

能更新網站嗎?

可以,重新建置並上傳至同一部署即可保留網址。

相關指南