從對話到上線

AI 開發者入門路徑

👉 點擊右下角箭頭，或使用鍵盤左右鍵 (← →) 切換

Step 1：選擇你的 AI 助手

🤯 新手 (溝通技巧待加強)

👉 選 Claude

注意：目前 Token 貴到爆炸

😎 老手 (溝通技巧不錯)

👉 選 Codex

優勢：目前 Token 相對便宜

🧸 純粹想玩

👉 選 Gemini

定位：玩具嘛，不要太要求

Step 2：準備開發基地

不想只在網頁對話？不知道怎麼開始寫程式？
請擇一下載作為你的寫扣環境：

Claude desktop
Codex app
Google Antigravity
VS Code

Step 3：尋找開源資源

想打造小工具？不要從零開始硬幹！

💡 通關密語：

在提示詞加上「在 GitHub 上找有沒有開源」

Step 4：版本控制 Git & GitHub

再見了，v1、v2、最終版 資料夾！

  • Git：協助你做本地端的版本控制。
  • GitHub：推送到雲端後，可連動各種自動化部署。
    後續只要推送到 GitHub 上，就能自動重新部署。

(按鍵盤 ↓ 或點擊向下箭頭，查看核心鐵則)

⚠️ 開發核心鐵則

新功能永遠先在 「分支」 上做！

  • 測試沒問題，才合併回 main (主版本)。
  • 安全又不會搞壞主版本！

Step 5：前端與網頁部署

把 AI 寫的 HTML 變成大家都連得上的真實網站。

不需要自己辛苦搞伺服器。

直接跟 AI 說：

「用 Cloudflare 或 Vercel 可好？」

Step 6：後端與資料庫

想像中的內容會有資料（圖片、影片、各種文字）時。

不用從頭寫複雜的後端邏輯。

直接跟 AI 說：

「用 Supabase 可好？」

Ready to Build!

準備好你的開發工具，開始實作吧 🚀