MIXXIN Logo

MIXXIN Vibe Framework

專為 MIXXIN 團隊打造的 Vibe Coding 開發框架。提供完整的公開頁面、受保護頁面、公開 API 與受保護 API 實作範例,讓 AI 協作開發更加高效。

Vibe Coding 開發範例

完整的頁面與 API 實作範例,支援 AI 協作開發的最佳實踐

公開頁面範例

展示無需登入的公開頁面實作,包含 SEO 優化與響應式設計

受保護頁面範例

實作身份驗證與權限控制,使用 getServerSideProps 保護頁面

API 實作範例

公開與受保護 API 的完整實作,包含身份驗證與錯誤處理

即時 API 測試

直接測試公開與受保護 API 的實際運作,體驗完整的身份驗證流程

公開 API 測試

/api/sample/public

無需身份驗證的 API 端點,任何人都可以訪問

受保護 API 測試

/api/sample/protected

需要身份驗證的 API 端點,登入後才能正常訪問

提示:受保護 API 需要先登入才能成功訪問,這是完整的身份驗證實作範例

開始 Vibe Coding

三步驟快速啟動,立即體驗 AI 協作開發

1

複製專案

從 GitHub 複製此 Vibe Coding 範例專案

2

安裝環境

安裝 Next.js、Chakra UI 等現代化開發工具

3

AI 協作開發

啟動開發服務器,開始與 AI 協作開發

MIXXIN

Vibe Framework v1.0.0

Copyright © 2025 MIXXIN, LLC