template-nextjs-moderne

此技能作為 Next.js 15 專案的專家助手，專為 template-nextjs-moderne 架構量身打造。它賦能開發者與代理程式管理包含 Supabase、TypeScript、Tailwind CSS v4 和 shadcn/ui 的全端應用程式。透過提供路由、資料庫架構遷移及基於角色的存取控制 (RBAC) 的情境化指令，此技能可在維持嚴格代碼品質標準的同時，簡化開發生命週期。

• 自動化代碼品質：執行預先配置的 shell 腳本以偵測 'any' 型別、執行 Biome linting、進行 TypeScript 型別檢查並格式化代碼。

• Supabase 工作流程管理：協助同步資料庫架構、使用 Supabase CLI 生成遷移檔案，以及生成型別安全的資料庫互動代碼。

• 基於角色的存取控制 (RBAC)：提供關於管理使用者權限、實作 RLS (列層級安全性) 政策，以及透過中間件保護敏感路由的指導。

• 元件與佈局架構：提供利用 App Router、Server Actions 及模組化元件結構（如側邊導覽列與動態麵包屑）的最佳實踐。

• 效能優化：利用 Turbopack 進行快速開發構建，並透過靜態與動態渲染策略確保生產就緒。

• 輸入/輸出：接受自然語言架構查詢或重構請求。輸出具體的代碼修改、shell 指令序列或架構評估。

• 限制：主要設計用於配備 Node.js 18+、pnpm 及基於 Docker 的 Supabase 本地開發環境。

• 使用技巧：透過此技能定期觸發驗證腳本，以確保在提交代碼前符合嚴格的型別安全標準。使用提供的遷移工具來維持本地與生產資料庫狀態的一致性。

• 最佳實踐：務必根據當前的 Supabase 架構驗證生成的型別，並使用 Server Actions 進行資料變更，以將業務邏輯與客戶端元件隔離。