完整的頁面與 API 實作範例,支援 AI 協作開發的最佳實踐
展示無需登入的公開頁面實作,包含 SEO 優化與響應式設計
實作身份驗證與權限控制,使用 getServerSideProps 保護頁面
公開與受保護 API 的完整實作,包含身份驗證與錯誤處理
直接測試公開與受保護 API 的實際運作,體驗完整的身份驗證流程
/api/sample/public
無需身份驗證的 API 端點,任何人都可以訪問
/api/sample/protected
需要身份驗證的 API 端點,登入後才能正常訪問
提示:受保護 API 需要先登入才能成功訪問,這是完整的身份驗證實作範例
三步驟快速啟動,立即體驗 AI 協作開發
從 GitHub 複製此 Vibe Coding 範例專案
安裝 Next.js、Chakra UI 等現代化開發工具
啟動開發服務器,開始與 AI 協作開發
Vibe Framework v1.0.0
Copyright © 2025 MIXXIN, LLC