AI 幫您做的 Next.js 網站,該放哪種主機?先分清楚「靜態匯出」與「需要伺服器」

先問一個問題:您的網站「上線後還需要有人在後面跑程式」嗎?
台北一家做室內設計的公司,老闆請 Cursor 幫忙做了新官網:作品集、服務介紹,再加一個詢價表單。在自己電腦上看起來很漂亮,工程師朋友路過只問了一句:「這個 Next.js 要放 Vercel 還是自己的主機?」老闆答不上來,也擔心選錯了,之後得整個重做。
您能做到這一步,其實已經走完最難的部分。要選對主機,只需要先分清楚一件事:Next.js 專案分成兩種。
靜態匯出:專案在建置時就把所有頁面變成 HTML、CSS、JS 檔案,上線後只是「把檔案放著給人看」。通常在設定檔 next.config 裡可以看到 output: 'export',建置完會產生一個 out 資料夾。
需要伺服器:頁面或功能要在有人造訪時才即時運算,需要一台持續運作的機器。常見的徵兆有:
- 專案裡有
app/api/或route.ts(API route) - 用了 Server Actions、middleware
- 有登入、會員、資料庫連線
- 頁面內容每次造訪都要即時更新
作品集、公司介紹、活動頁,多半屬於第一種;會員系統、訂單後台,則屬於第二種。AI 工具有時會在您沒要求的情況下,順手加上 API route 或資料庫程式碼,所以建議請它直接回答:「這個專案能不能用 output: 'export' 建置成功?」能成功,就代表可以走最便宜、最單純的路。
三種部署選項與費用量級
以下是實務上的大略量級,各家方案與匯率會變動,下單前請以官方頁面為準:
| 類型 | 適合 | 費用量級 | 維護負擔 |
|---|---|---|---|
| 靜態主機 | 靜態匯出的網站 | 免費額度到每月數百元台幣 | 很低 |
| 託管平台(如 Vercel 這類) | 需要伺服器、但不想管機器 | 小流量常有免費或低價方案,正式商用多半是每人每月約 20 美元起,用量大了會再增加 | 低,但費用隨用量浮動 |
| 自租主機(VPS/容器) | 要完整控制、有人維護 | 小型主機每月約 5–20 美元,另加維運時間 | 高,更新、備份、資安都要有人負責 |
兩個判斷原則:能靜態就不要上伺服器,因為費用低、出事機率小;真的需要伺服器,先用託管平台起步,比自租主機少很多維運負擔。而且從靜態主機搬到託管平台並不是重做,通常只是換部署位置、補上設定。選錯的代價,比您想像的小。(報價單上「靜態」與「動態」差多少,可以參考這篇費用比較。)
image 與 API route:上線時最常出狀況的兩個地方
圖片(next/image):Next.js 預設會在伺服器上即時縮圖、轉格式。靜態匯出沒有這台伺服器,預設設定會建置失敗或圖片顯示不出來。常見做法是在設定中關閉最佳化(images: { unoptimized: true }),並事先自己壓好圖片尺寸;或改用外部圖片服務。圖片動輒好幾 MB 的話,載入速度會明顯變慢,這點在改成靜態後更值得留意。
API route:它是「後端」的一部分,靜態主機跑不了。以詢價表單為例,可以考慮:
- 改用第三方表單服務或 Google 表單,網站只負責送出;
- 或乾脆把整個專案放到能執行伺服器的託管平台。
另外,API route 裡常會用到金鑰(寄信、資料庫、AI 服務)。請確認它們放在環境變數、不在程式碼裡,也不要隨 ZIP 一起打包出去;更完整的上線前檢查,可以對照這份 AI 程式碼上線檢查清單。
下一步可以怎麼做
- 請 AI 工具回答:專案能否靜態匯出、哪些功能會因此失效。
- 能靜態匯出的,先放上預覽,讓老闆或客戶看到真實網址,再決定要不要買正式主機。
- 需要伺服器的,先列出「哪些功能一定要後端」,再選託管平台,別一開始就租整台機器。
如果您的專案已經有檔案、想先確認它能不能用靜態方式跑起來,可以到 /launch/ 上傳 ZIP。靜態網站或能建置成靜態檔案的前端,可以免費預覽 7 天;若專案需要後端或資料庫,系統會提供 AI 健診報告說明原因,讓您知道該往哪一條路走。
關於 AI 上線專家
AI 上線專家讓您的 AI 幫您把網站部署上線:把一句話貼給 Claude Code、Cursor 或 Codex,幾分鐘後就有一個 您的名稱.aionline.tw 公開網址,可以直接傳給客戶或同事看。
- 免費預覽,不需信用卡,到期自動下線、不會扣款;滿意再升級為永久,最低 NT$99 / 月起
- 靜態網站、Node/Python 等有後端的網站都能部署,需要資料庫時自動配好 Postgres
- 付費方案可以綁自己的網域;部署不起來或需要客製開發,可以直接聯絡我們