Architecture Overview · 全局架構圖

從寫程式到上線，
每個環節怎麼串在一起。

一頁看懂網站開發的五個核心環節：開發、版控、部署、資料庫、網域。

使用者
在瀏覽器輸入 www.yoursite.com，開始一切。
① 網域
GoDaddy
你的「門牌」
購買網址（如 wca.tw）， 在 DNS 設定 CNAME 指向 Zeabur，讓網址連到你的 Server。
買網址
DNS 設定
SSL 憑證
DNS 解析
② 雲端主機
Zeabur
你的程式 24 小時住在這裡
你的網站服務
前端 UI — 使用者看到的畫面
後端 API — 邏輯處理、驗證
CMS 後台 — 管理內容
③ 資料庫 — PostgreSQL / MongoDB / SQLite
④ Email 服務 (ZSend) — 通知信、密碼重設
⑤ 外部 API — Claude AI、Google Maps
zeabur deploy · 部署程式碼
⑥ 版本控制
GitHub
程式碼的「時光機」
記錄每一次修改，可以隨時回溯。多人協作不打架。雲端備份不怕電腦壞掉。
git push — 推送到雲端
git pull — 拉回最新版
歷史記錄 — 每次修改都有快照
git push · 推送程式碼
起點
你的電腦
Claude Code
用自然語言告訴 AI 你想做什麼，AI 幫你寫程式碼。寫好後推到 GitHub、部署到 Zeabur。
用自然語言描述需求
AI 自動產生程式碼
本地預覽、即時調整
Workflow · 實際操作流程

五步上線

從第一行指令到全世界都看得到

01
Claude Code 寫程式
02
git push 推到 GitHub
03
zeabur deploy 部署
04
GoDaddy 綁定網址
05
上線！
Complexity · 不是每個專案都需要全部

隨著專案成長，一個一個加

最簡單的網頁只需要 Zeabur + GitHub。會員系統才需要資料庫和 Email。

專案類型 Zeabur 主機 GoDaddy 網域 資料庫 Email 服務 GitHub
簡單網頁 ✓ ✓ — — ✓
互動工具 ✓ ✓ — — ✓
會員系統 ✓ ✓ ✓ ✓ ✓
完整產品 ✓ ✓ ✓ ✓ ✓