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。
能更新網站嗎?
可以,重新建置並上傳至同一部署即可保留網址。