從一句需求,做出一個能報名的網站,並且真的上線
三小時實戰課:用 Vibe Coding 思維與 AI 協作,從一句需求開始,一路做出可上線的「課程介紹 + 報名」網站。從建站、加上互動與表單驗證,到推上 GitHub、部署到 Vercel,同一個專案逐層加深,跟著做完就有一個可分享的公開網址。






這門課目前為預告狀態,正式開放時間將於近期公布。
不是三個零散 demo,而是同一個網站從第一版做到上線
每一小時都有明確產出,跟著做完就是一個可分享的公開網址
把需求寫成 Prompt,請 AI 在 app/page.tsx 產出課程介紹、價格、FAQ 與報名表單,再用短迭代拆成元件、調好樣式。
加上 client 狀態與表單驗證,建立 Route Handler 在伺服器端接收與驗證資料,並示範串接 Email/資料庫或 Gemini API。
推到 GitHub 接 Vercel 自動部署,設定環境變數與自訂網域,並完成 RWD、SEO、效能與資安的上線前檢查。



從工具設定到完整作品,逐步引導



這堂課的產出很具體:一個推上 GitHub、部署到 Vercel、你自己可以打開的公開網址。如果跟著做完卻沒有做到這件事,或單純覺得不適合自己,30 天內全額退費,不需要理由。
購買後 30 天內都可以申請全額退費,不需要說明原因。
部署失敗、環境變數設定不出來,留言在課程問答區,我 48 小時內會回你。
