四大模組實戰：先備好建站基礎
IDOL Wiki 是靈魂，四大模組是身體——動工之前，先把建站基礎備齊。
7-4｜Agent 原生網站：四大模組實戰
IDOL Wiki 是靈魂。
接下來建身體。
你的 Agent 原生網站由四個模組組成，缺一不可：
模組一：內容獲客系統 → 讓 Google 和 AI 搜尋引擎找到你
模組二：課程變現系統 → 讓找到你的人成為你的學員
模組三：會員管理系統 → 讓學員有帳號、有身份、有歸屬
模組四：免費金流系統 → 讓成交真實發生，0 元手續費以外的成本
每個模組都有三件事：
最佳實務（這樣做的原因）
前置條件（你需要先準備什麼）
Claude Code 指令（複製貼上，直接執行）
前提：你的建站基礎
四個模組都建立在同一套技術基礎上：
Next.js App Router → 網站框架
Payload CMS 3.x → 後台內容管理
Tailwind CSS → 樣式系統
TypeScript → 型別安全
Vercel → 部署平台（免費）
GitHub → 版本控制（免費）
你的專案應該已經用 create-payload-app 建立完成，
並且已完成 Vercel 部署和 GitHub 連線。
如果還沒有，先執行：
npx create-payload-app@latest
選擇 Next.js App Router + Postgres（用於 Vercel 部署）。