老K 寫給第一次部署的你 — 把名詞翻譯成人話、把步驟拆到不會卡、把要丟給 Claude Code 的句子先寫好給你複製。全程不用會寫程式。
看不懂時隨時回來查。第三欄標 ✅ 的才需要懂,標 ❌ 的這份指南會幫你避開。
| 名詞 | 一句話人話 | 要懂嗎 |
|---|---|---|
| Zeabur | 雲端平台,幫你把網站放到網路上、自動管伺服器 / SSL / 網域。台灣團隊做的。 | ✓ |
| 伺服器 | 雲端一台 24 小時開機的電腦,專門跑你的網站給別人用。 | ✓ |
| MCP | Claude Code 跟 Zeabur 之間的「神經」,裝了之後 CC 可以直接操作你的 Zeabur 帳號。 | ✓ |
| 資料庫 | 存資料的倉庫。記帳金額、發票照片都存這。手機要看 = 需要這個。 | ✓ |
| 本地端 | 跑在你自己 Mac 上、只有你看得到的版本。手機開不到。 | ✓ |
| 部署 | 把網站丟到伺服器上,讓全世界可以開連結看。你現在卡的就是這步。 | ✓ |
| Next.js | 一種網站框架,能同時做前端 + 後端,比純 HTML 強。CC 會幫你用。 | ⚠ |
| Postgres / Supabase / Firebase | 都是資料庫的不同牌子,挑一個用。CC 會建議。 | 不用 |
| Git | 程式碼版本管理工具。完全跳過,Zeabur 也支援直接從本機丟程式碼。 | 不用 |
💡 看到 CC 用沒看過的名詞,立刻回一句「用小學生能懂的話再解釋一次」,它會立刻換白話版。不要怕問。
先把 Discord 串裡你提的疑問整理出來,照這個順序看不會迷路。
照順序做,每步約 5–15 分鐘。前 2 步在 Zeabur 網站,後 2 步在 Claude Code。
打開 zeabur.com → 用 Google 登入。免費。
1. 登入後左側點「Servers」或「伺服器」
2. 選 Linode 的 Tokyo(日本)區域,老K 實測最穩
3. 挑 $6/月 那個方案,你的記帳系統用這個夠
4. 結帳時輸入推薦碼享 10% 折扣 ↓
打開你電腦的 Claude Code,把下面這段複製貼過去:
請幫我安裝 Zeabur 的 MCP server,並登入我的 Zeabur 帳號。 參考文件:https://zeabur.com/docs/zh-TW/mcp 裝好後跟我說「裝好了」,並列出你現在能幫我做哪些事(例如部署網站、開資料庫、看 log 等)。 過程中如果需要我去 Zeabur 後台拿什麼資料(API token 之類),請一步一步告訴我去哪裡點、長什麼樣子。
MCP 裝完後,把這段貼給 CC(記得把資料夾路徑改成你的):
我有一個記帳系統的 HTML 雛形在這個資料夾: [把資料夾路徑貼這] 我希望你幫我做這幾件事,全程用白話跟我說明每一步在做什麼: 1. 評估這個專案要重建成 Next.js + Postgres 資料庫版本 (手機也能開、資料能存) 2. 在我的 Zeabur 帳號上,幫我部署一個 Postgres 資料庫 (用 Zeabur template-deploy) 3. 把網站本身也部署上去 4. 給我網址,並告訴我手機可以怎麼打開 5. 之後我新增記帳功能時,要怎麼跟你說、你會怎麼幫我更新 過程中如果用到我可能不懂的名詞,請主動解釋。 如果有需要我做選擇的地方(例如資料庫密碼、網域名稱), 請列選項給我選,不要自己決定。
CC 接下來會:看你的 HTML 結構 → 問你功能需求 → 建議新架構 → 跟你確認設計 → 部署資料庫 + 網站 → 給你一個 xxx.zeabur.app 網址。
把這幾句存起來,遇到對應情境直接複製貼。
你現在卡的所有名詞,三天後就會像 IG / LINE 一樣自然。不會的事情不用先學完才動手,是「動手 → 卡住 → 問 → 過關」這個循環跑五輪就會了。
「就不要卡在當下哈哈,這也算是種學習過程。」
— 老K
CC 是你的 24 小時可問實習生,問再多它都不會白眼。你會的不會的不重要,重要的是會把球丟給它。