昨天我們用 Claudable 在 30 分鐘內建立了一個習慣追蹤器，但還停留在本地端。今天要來揭秘 Claudable 最強大的功能之一：一鍵部署。只要設定好三個服務，你的應用就能自動上線，而且包含資料庫、版本控制、自動部署，一次到位！

為什麼部署這麼重要？

還記得我們在 Day 1 提到的痛點嗎？傳統部署流程是這樣的：

1. 本地開發完成（假設順利）
2. 推送到 GitHub（10 分鐘）
3. 設定資料庫（30 分鐘）
4. 配置部署環境（30 分鐘）
5. 處理環境變數（20 分鐘）
6. Debug 各種問題（1-3 小時）

而 Claudable 的一鍵部署，把這些步驟壓縮到 5 分鐘。更重要的是，它不只是快，而是正確且可靠。

Claudable 的三劍客：GitHub + Supabase + Vercel

在 Claudable 的世界裡，這三個服務形成了完美的開發部署鐵三角：

• GitHub：版本控制 + 程式碼託管
• Supabase：PostgreSQL 資料庫
• Vercel：自動部署

最棒的是，這三個服務都有免費額度，對個人開發者來說綽綽有餘。

連結服務

我們可以來設定一下 Claudable 三劍客。

沒設定的時候你會看到的畫面：

點擊設定的按鈕會跳出 Service Tokens 的設定頁面，可以依照每一個項目的說明進行設定：

所有燈號變為綠色代表設定完了：

設定完之後還需要個別連接：

連接 Github

按下 Connect 的按鈕後，可以輸入 repo 的設定：

成功建立後會在 Github 上建立這個 repo。

順序上需要先建立 Github repo 後才可以繼續設定 Vercel

連接 Vercel

按下 Connect 的按鈕後，可以輸入 project 的設定：

確認後可以成功建立 Vercel project。

Error

但是！！如果你遇到下面的這個錯誤，不要緊張，只要安裝一下 integration 即可。

Unexpected error: Failed to create project: To link a GitHub repository, you need to install the GitHub integration first. Make sure there aren't any typos and that you have access to the repository if it's private.

安裝 Github Integration

前往 https://github.com/apps/vercel 並且按下 Configure 按鈕 後可以進行安裝：

安裝後再回到 Claudable 連接 Vercel 就可以成功了

Vercel 自動就有這個專案並以連接 Github：

部署

連接完 Github & Vercel 之後只要在 Claudable 對話框請他進行 push 就可以成功 push 到 Github：

push 上去之後 Vercel 就會自動部署，實現一鍵部署：

今日總結：部署不再是噩夢

今天我們完成了 Claudable 的部署設定，包括：

• 設定三大服務的 Token
• 了解一鍵部署的運作原理
• 學會處理常見問題

最重要的是，我們把部署這件事從「技術難題」變成了「理所當然」。當部署變得如此簡單，你就能把所有精力放在真正重要的事：創造用戶喜愛的產品。

三個關鍵體悟

• 自動化是王道：能自動化的，就不要手動
• 整合創造價值：單一工具很強，整合後更強
• 專注核心工作：部署是手段，產品才是目的

今天建立的專案可以在筆者的 Github 上面找到：
https://github.com/ci-yang/habit-tracker