Day 2：全端 · 部署 · 知識庫
3 小時後，你的儀表板有網址，Claude Code 開始懂你。
Think Before ???
??? First
??? Changes
???-Driven Execution
今天最後一段會把這 4 條「封裝」成一個檔案——永久設定。沒背熟的話，那一段的感動你會感受不到。
今天 70% 時間在實作，只有 20% 講解。你會一直在打字、貼 prompt、看 build log。
Day 1
Day 2
新增待辦後重整頁面，它還在——這是「能用」的起點。
Server 框架最小最穩,30 行就能起一個 server。企業常見，學了不浪費。
單檔 DB,不用裝伺服器。檔案複製=備份。部署到 Zeabur 也能跑。
延續 Day 1 的不要框架原則。未來要轉 React/Vue 都行,但今天先穩。
主線不能改。支線 C 組想換 Postgres / Prisma / tRPC 下課後自己玩,不要拖班級進度。
| Day 1 | Day 2 |
|---|---|
| 全部在一個 .html 裡。Claude 改錯也只是那個檔案。 | 至少 4–5 個檔案：server.js / db.js / index.html / public/app.js / package.json |
| 5 分鐘肉眼 diff 檢查 | 一次改壞 3 個檔案,你會花 20 分鐘找哪裡錯 |
| 「只改 X 區塊」 | 「只改 server.js,不要動 public/ 下的任何檔案」 |
Claude 最會過度修改的 prompt 是：「請整理一下專案結構」——禁止今天說這句。
npm init + 安裝 express/better-sqlite3 + 寫 .gitignore/api/todos 回傳 DB 資料,前端改 fetch 取代寫死資料public/,server 提供 staticcurl /api/todos,重整頁面,資料還在注意:「只初始化」= Simplicity First。不要一次叫他把 DB 連完,那 Step 2 要做什麼?
你看不到 Network 就只能猜「為什麼儀表板空白」。看得到,你能直接跟 Claude 說「POST /api/todos 回 500,response body 是 XXX」。能描述錯誤就能修錯誤。
從 localhost:3000 到https://your-dashboard.zeabur.app
| 平台 | 適合 | 這堂課不選的原因 |
|---|---|---|
| Vercel | 前端框架(Next/Nuxt) | Node backend + SQLite 撐得很勉強 |
| Netlify | 靜態 | 同上 |
| Railway | 類似 Zeabur | 新用戶免費額度少 |
| Render | 成熟 | 免費方案冷啟動慢 |
| Zeabur | Node + DB 全支援 | 中文介面 · 月 $5 USD 免費額度 |
.gitignoregit push*.zeabur.app 網址Zeabur 每次 deploy / restart 會開新容器,data.sqlite 跟著消失。
掛 Volume(持久化儲存)+ DB_PATH 環境變數指到 volume 裡。
Step 3 先讓你體驗資料消失,Step 4 再教 Volume 修掉。這樣你一輩子記得這個坑。
Zeabur 機房在哪個國家？repo Private 還是 Public？你知道自己的資料去了哪。
公開網址 = 有網址的人都看得到。放機密資料前要加登入。本堂課的假資料沒關係。
Zeabur 會備份嗎？SQLite 單檔壞了怎辦？敏感資料是否該放別的地方？
假資料 / 公開資料 → 直接上線沒問題。真實客戶資料 → 下課後要加登入 + 備份 + 機密管理,擴充包有指引。
每位學員把自己的 *.zeabur.app 貼到 #ai-workshop 頻道。
全班繞一圈互點彼此網站 30 秒——這個社交驗收比任何打勾都有教學價值。
Karpathy 4 原則 · 終於不用再手寫。
CLAUDE.md~/.claude/CLAUDE.mdMCP Server存檔 → 關掉 Claude Code → 重開 → 問任何需求。Claude 的回覆會自動套用 4 原則,你完全沒寫提示。
檔案位置:~/.claude/CLAUDE.md(Windows: C:\Users\<你>\.claude\CLAUDE.md)
~/.claude/projects/<專案>/memory/
user.md 你是誰feedback_*.md 你糾正過的project_*.md 專案狀態reference_*.md 外部資源指引Claude 在你跟它對話的過程自動累積。用久了,它會越來越像你公司的同事。
你不用學怎麼寫,只要用就會長出來。
「找上週那份提案」
「整合會議記錄寫月報」
「問我的個人 vault」
「這個客訴的歷史」
MCP 安裝有學問,30 分鐘不夠。課後擴充包有「第一個 MCP Server」step-by-step。推薦第一個裝 Filesystem,最簡單有感。
CLAUDE.mdDay 1 教你「會用」,Day 2 教你「用得久」。沒有 CLAUDE.md 的 Claude Code,就像一個每天都是第一天上班的新同事。
CLAUDE.md(術語+禁忌+偏好)不是檢查作業。是給你一週的消化期,加上一個要交差的壓力——這是你真正把這 6 小時轉成肌肉的機會。
claude.com/claude-codemodelcontextprotocol.io/serversgithub.com/forrestchang/andrej-karpathy-skills#ai-workshop擴充包裡任何一條都比完美規劃更重要。今晚動手 5 分鐘 >> 下週想完整再開始。
6 小時前你對它說話像陌生人。
現在你們有共同語言、
共同的檔案、共同的規矩。
下週再見。
#ai-workshop