不會寫程式也能把網站丟上網路
Zeabur 部署懶人包

先把名詞翻譯成人話

看不懂時回來查、不用先背完才動手。

💡 看到 CC 用沒看過的名詞就回一句「用小學生能懂的話再解釋一次」、它會立刻換白話版。不要怕問。

新手最常問的 6 個問題

Q1. 要 git 才能部署嗎？

不用。Zeabur 支援直接從你本機上傳、不一定要走 GitHub。

Q2. 有免費的方案嗎？

以前 Zeabur 有「免費試跑、按用量計費」的共享方案、但那套正在收掉（2026 年起不再開放新的）。所以現在要真的把網站跑起來、最低就是照下面 Step 2 買那台 $6 美元／月的伺服器（一個月約台幣 180）。Zeabur 帳號本身還留著一個 $0 方案、但它只是免費給你用管理後台、機器仍要自己有一台。對新手來說結論就一句：要讓網站上線、就是那台 $6 起跳，不過這價格已經很佛、比多數訂閱都便宜。

Q3. Zeabur 跟伺服器是兩件事？

對。Zeabur 是「網站託管平台」、你在 Zeabur 上面 買一台伺服器（就是租一台雲端電腦）、然後把你的系統部署到那台伺服器。Zeabur 是房屋仲介、伺服器是房子。

Q4. 想用手機操作一定要部署？

對。本地端只有你的 Mac 看得到、手機開不到。要手機能用 → 一定要部署 → 一定要有伺服器 + 資料庫。

Q5. 資料庫放 Notion 還是自己做？

建議 CC 做總覽比較直覺。要自己做就用 Postgres（Zeabur 一鍵安裝），或 Supabase。Notion 不適合當系統的資料庫、適合人看的筆記庫。

Q6. 我會把網站做壞嗎？

幾乎不會。每改一輪跟 CC 說「這個版本我覺得 OK、幫我存一個備份」。Zeabur 也有版本歷史可以倒回去。最壞狀況就是重新部署一次。

等等、AI 不是叫我用 Vercel 嗎？

你用 Claude Code 做東西的時候、AI 很常預設推你部署到 Vercel。這不是 AI 亂講。先講句公道話：如果你做的就是個 Next.js 記帳系統，Vercel 其實也跑得很好，資料庫也能用（它的 Marketplace 一鍵接 Neon 的 Postgres、Upstash 的 Redis，帳密還自動幫你接好）。所以這不是「Vercel 不能、Zeabur 才能」的問題。

這篇選 Zeabur、是因為對新手來說有兩個實際好處：

白話比喻：Vercel 像請一個很強的外包團隊、每個環節（網站、資料庫）分開找、各自都很專業；Zeabur 像自己開一間店面、水電後台全在同一個屋簷下、你（跟 Claude Code）一個人就顧得動。新手一個人做，通常後者更好上手。

那費用呢？這也是兩邊差滿多的地方，重點不是誰比較便宜、是帳單長相不一樣：

• Vercel：純自己玩、個人非商業可以用免費版（$0）。但要長期用、或放商業內容（賣課、接案那種），就得升 Pro、一個月 $20 美元起跳，而且流量變大帳單會跟著往上加（用量計費、金額會浮動）。
• Zeabur（這篇教的做法）：就是租那台伺服器的固定月租、一個月 $6 美元（約台幣 180）。一台機器你塞幾個網站、來多少流量、都是這個價，帳單固定、好抓預算、不會突然爆一筆。

白話：Vercel 比較像手機的用量計費、用越多繳越多、量一大就往上跳；Zeabur 專用機像固定房租、一次租一整間、裡面愛擺幾張桌子都不加錢。想控制成本、又想一台機器多用，後者好算很多。

結論：不是 Vercel 不好、是對一個人用 Claude Code 邊做邊學的情境，「一台伺服器全包 + 固定月租」更省心，而且哪天你想加 WordPress 或自動化，同一台就接得上、不用搬家。

部署流程（照順序做、每步約 5-15 分鐘）

Step 1 · 註冊 Zeabur 帳號

開 zeabur.com → 用 Google 登入。免費。

Step 2 · 買一台伺服器（強烈建議）

1. 登入後左側點「Servers」或「伺服器」
2. 選 Tencent Cloud（騰訊雲） 的 Tokyo（東京）區域（實測最穩）
3. 選 2 核 8GB、$6/月 那個方案就夠（規格佛心、我自己也是用這台）
4. 結帳時輸入折扣碼 leadingmrk 享 10% off
5. 付款完伺服器就有了

💰 一個月台幣約 180 元、比 Spotify 還便宜。

Step 3 · 在 Claude Code 裝 Zeabur MCP

打開你電腦的 Claude Code、貼這句：

請幫我安裝 Zeabur 的 MCP server，並登入我的 Zeabur 帳號。
參考文件：https://zeabur.com/docs/zh-TW/mcp
裝好後跟我說「裝好了」，並列出你現在能做哪些事。

CC 會自動：

• 下載 Zeabur 的 MCP 套件
• 提示你去 Zeabur 後台拿 API token 貼給它
• 完成後它就能直接幫你操作 Zeabur

裝這個的好處：之後所有部署、開資料庫、看 log、改設定、你都不用碰 Zeabur 後台、全部用白話講給 CC 聽就好。

Step 4 · 把網站部署上去

裝完 MCP 後、再貼這段給 CC（這就是你的「第一個 prompt」）：

我有一個專案的 HTML 雛形在這個資料夾：[把資料夾路徑貼這]

我希望你幫我做這幾件事，全程用白話跟我說明每一步在做什麼：

1. 評估這個專案要重建成 Next.js + Postgres 資料庫版本（手機也能開、資料能存）
2. 在我的 Zeabur 帳號上、幫我部署一個 Postgres 資料庫（用 Zeabur template-deploy）
3. 把網站本身也部署上去
4. 給我網址、並告訴我手機可以怎麼打開
5. 之後我新增功能時、要怎麼跟你說、你會怎麼幫我更新

過程中如果用到我可能不懂的名詞，請主動解釋。
如果有需要我做選擇的地方（例如資料庫密碼、網域名稱），請列選項給我選，不要自己決定。

CC 接下來會：看你的 HTML 結構 → 問你功能需求 → 建議新架構 → 跟你確認設計後開始改造 → 部署資料庫 + 網站到你的 Zeabur 伺服器 → 給你一個 xxx.zeabur.app 網址。

常見卡點與怎麼脫困

CC 跑到一半我看不懂它在幹嘛？

直接打斷它、問「等等、這步是在做什麼？為什麼要做？」。它會說明。不懂就再問、CC 不會煩。

CC 一次想做太多事、我跟不上？

說「請一步一步做、每做完一步就停下來等我確認」。

我想加新功能？

直接白話講：「幫我加一個拍照存發票的功能、照片存到資料庫」。CC 會問你細節（要不要做 OCR？照片要存多大？）然後動手。

怎麼讓手機也能順手用？

跟 CC 說「我主要在手機上用、請把畫面設計成手機優先」。它會用 mobile-first 的 CSS。

我擔心改壞？

每改一輪就跟 CC 說「這個版本我覺得 OK、幫我存一個備份」。Zeabur 也有版本歷史可以倒回去。

Cheat Sheet 常用魔法咒語

給你的心理建設

最重要的一句話：「就不要卡在當下、這也算是種學習過程」。

你現在卡的所有名詞、三天後就會像 IG / LINE 一樣自然。不會的事情不用先學完才動手、是「動手 → 卡住 → 問 → 過關」這個循環跑五輪就會了。

CC 是你的 24 小時可問實習生、問再多它都不會白眼。

玩完歡迎來 @leadingmrk 分享你的觀察。你卡在哪、哪一步解開了、哪個咒語最好用，都歡迎來聊。