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






這門課目前為預告狀態,正式開放時間將於近期公布。


打字之前先對齊觀念,並把環境準備好。學會把想法拆成 AI 能執行的需求,這是整堂課速度的來源。
選定 Next.js,建立專案並讀懂結構,請 AI 產生第一版可用的課程 Landing Page,再用短迭代把畫面調到滿意。
把靜態頁面變成能互動、能收資料的網站。加上表單狀態、前後端雙重驗證,用 Route Handler 在伺服器端接資料並串接後端。
把成果送到真人面前。推上 GitHub、用 Vercel 部署、設定環境變數與自訂網域,再用雙視角完成 RWD、SEO、效能與資安的上線前檢查。




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