# vibefast.app 🚀 [English](./README.md) · [繁中](./README-zh.md) · [日本語](./README-jp.md) · [Español](./README-es.md) · [Português (BR)](./README-pt-br.md) **你不需要會寫 code，也能做出真實的 Web App。** **3 條命令，5 分鐘就完成全球部署上線。** 免費開源 vibefast.app course + 付費全棧 vibefast.app template，從學習到上線，一套搞定。 ⭐ 7,000+ 開發者正在追蹤這個旅程 📚 25 篇實戰教程，從概念到上線 ⚡ 三個指令，完成全球部署 🌍 5 種語言：繁中 · English · 日本語 · Español · Português (BR)

----- ## vibefast.app 是什麼 vibefast.app 有兩個部分，解決同一個問題： ### 免費開源 vibefast.app course 這套內容，我以前一個人收一萬五港幣。現在全部免費開源。 從來沒寫過 code？沒關係。這套課程就是為你設計的。 25 篇實戰教程，涵蓋 Cloudflare 全棧、AI 工作流、從零到上線的完整路徑。跟著路線圖走，六週做出你的第一個真實 Web App。 ⭐ 如果這套課程幫助你更快做出產品 — **[Star 追蹤更新](https://github.com/vibefast-app/vibefast-docs)** 👉 **[免費閱讀全部教程 — vibefast.app/learn/zh](https://vibefast.app/learn/zh)** ### 付費全棧 vibefast.app template 課程教你怎麼做。vibefast.app template 讓你做得更快。 Auth、資料庫、收款、郵件、Analytics——全部設定好。三個指令，你的 Web App 就在全球 300+ 個節點上線。 ```bash git clone https://github.com/vibefast-app/vibefast.git my-app cd my-app && npm install npm run setup ``` 不用 Next.js。不用 Vercel。不用 AWS。一個平台、一份帳單、零出站費用。 購買後立即收到 GitHub 邀請，進入私有程式碼倉庫。日後所有版本更新，永久免費獲取。 ----- ## 你現在就可以體驗 其他 template 只給你一個 demo 網站。 **vibefast.app 的 live demo，就是它自己的官網。** vibefast.app 這個網站本身就是用 vibefast.app template 建的。每天真實運營，真實流量，真實用戶。你看到的，就是 template 能做出來的效果。 免費註冊後可直接進入 live backend，體驗 Analytics、Blog、Media，以及 limited-access mode 下的 Business / User sample 頁面。 👉 **[免費體驗 — vibefast.app](https://vibefast.app)** ----- ## 立即購買 早鳥價是給第一批相信這件事的人的。 **早鳥 US$99 · 2026 年 8 月 1 日漲至 US$199** 一次付款 · 永久更新 · 立即進入私有 GitHub repo 👉 **[立即購買 — vibefast.app/pricing](https://vibefast.app/pricing)** ----- ## 課程路線圖 ### 前言 - [x] 00 — [為什麼我 50 歲才開始認真 Build 產品](./zh/00-why-i-started-at-50-zh.md) ----- ### Week 1–2：基礎概念 - [x] 01 — [什麼是 Vibe Coding？入門概念全解析](./zh/01-what-is-vibecoding-zh.md) - [x] 02 — [開始 Vibe Coding：從零設定你的開發環境](./zh/02-how-to-setup-vibecoding-environment-zh.md) - [x] 03 — [什麼是 API、前端、後端？](./zh/03-what-is-api-frontend-backend-zh.md) - [x] 04 — [什麼是 JWT 身份驗證？](./zh/04-what-is-jwt-authentication-zh.md) ----- ### Week 2–3：Cloudflare 技術棧 - [x] 05 — [為什麼 Cloudflare 是 Vibe Coding 的最佳選擇？](./zh/05-the-best-way-to-vibecoding-on-cloudflare-zh.md) - [x] 06 — [Cloudflare Workers 和傳統伺服器有什麼不同？](./zh/06-cloudflare-workers-vs-traditional-server-zh.md) - [x] 07 — [Cloudflare D1 資料庫入門](./zh/07-cloudflare-d1-database-tutorial-zh.md) - [x] 08 — [Cloudflare R2 vs AWS S3](./zh/08-cloudflare-r2-vs-aws-s3-zh.md) - [x] 09 — [環境變數和 Secret 管理](./zh/09-environment-variables-and-secrets-zh.md) ----- ### Week 3–4：開發工具和流程 - [x] 10 — [Git 和 GitHub 版本控制入門](./zh/10-git-and-github-version-control-zh.md) - [x] 11 — [用 AI 設計前端介面](./zh/11-ai-frontend-design-with-cursor-zh.md) - [x] 12 — [什麼是 Domain 和 DNS？](./zh/12-domain-and-dns-setup-guide-zh.md) - [x] 13 — [Vibe Coder 的資安入門](./zh/13-security-basics-for-vibe-coders-zh.md) ----- ### Week 4–5：進階技巧 - [x] 14 — [如何跟 AI 討論專案](./zh/14-how-to-discuss-with-ai-before-coding-zh.md) - [x] 15 — [我怎麼用 Cursor 把一個功能從想法變成上線](./zh/15-cursor-workflow-from-idea-to-deploy-zh.md) - [x] 16 — [Vibe Coding 踩過的 5 個坑](./zh/16-vibe-coding-common-mistakes-zh.md) - [x] 17 — [如何制定 Vibe Coding 的工作計劃](./zh/17-vibe-coding-work-plan-and-ai-plan-mode-zh.md) - [x] 18 — [遇到錯誤不要慌：用 AI 讀懂錯誤訊息、解決問題](./zh/18-debug-and-errors-zh.md) ----- ### Week 5–6：技術選擇和實戰 - [x] 19 — [如何選擇技術棧：Cloudflare vs Vercel vs AWS](./zh/19-cloudflare-vs-vercel-vs-aws-zh.md) - [x] 20 — [Stripe 收款完整指南](./zh/20-stripe-payment-complete-guide-zh.md) - [x] 21 — [如何用 AI 寫測試](./zh/21-ai-testing-guide-zh.md) - [x] 22 — [SEO 基礎：讓你的產品被 Google 找到](./zh/22-seo-basics-for-indie-makers-zh.md) - [x] 23 — [Analytics 和用戶追蹤](./zh/23-analytics-and-user-tracking-zh.md) - [x] 24 — [實戰案例：用 vibefast.app template 做一個 SaaS 產品](./zh/24-saas-case-study-zh.md) - [x] 25 — [實戰案例：用 vibefast.app template 做一個電商網站](./zh/25-ecommerce-case-study-zh.md) ----- ## 快速鏈接 - [快速上手指南](./quickstart-zh.md) — 三個命令，快速上線 - [常見問題](./faq-zh.md) — 問題、解答、支持 ----- ## 授權 教程內容採用 [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) 授權（署名、非商業使用、相同方式共享）。 vibefast.app 商業 template 為**商業軟體**，**不包含**在本 repo 中。 ----- ## 作者 **Danko Peng** 做了 20 年生意，50 歲才開始認真寫 code。 用 AI 和 Cloudflare，做出了你現在看到的這個產品。 如果我可以，你也可以。 - X：[@dankopeng](https://x.com/dankopeng) - Threads：[@dankopeng](https://threads.net/@dankopeng) - Website：[vibefast.app](https://vibefast.app)