index.md

layout	hero	features
home	name text tagline actions HaloLight 全栈分离管理后台 前后端完全解耦 · 12 个前端 × 8 个后端 = 96 种组合 · 企业级 Admin Dashboard theme text link brand 快速开始 /guide/getting-started theme text link alt 架构说明 /development/architecture theme text link alt GitHub https://github.com/halolight	icon title details 🔀 前后端可组合 12 个前端框架 × 8 个后端 API，任意搭配共 96 种组合，技术选型不锁定 icon title details 📊 可拖拽仪表盘 基于 Grid Layout 的自定义 Dashboard，支持拖拽、缩放、持久化 icon title details 🔐 权限控制 RBAC 权限管理，支持通配符匹配，细粒度页面/按钮级控制 icon title details 🎭 主题系统 11 种皮肤预设 + 明暗模式，支持 View Transitions 动画切换 icon title details 🧩 shadcn/ui 组件 基于 shadcn/ui 设计系统，30+ 精美组件开箱即用 icon title details 🔧 开发友好 TypeScript 类型安全，Mock.js 数据模拟，完善的开发文档

🏗️ 架构说明

前后端完全分离

• 独立仓库、独立部署：前端走 CDN/边缘节点，后端独立弹性扩缩容
• 接口契约对齐：通过 OpenAPI / tRPC / GraphQL Schema 保证前后端协同
• 技术演进不锁定：更换任意前端或后端实现时，遵守契约即可无痛切换

96 种组合可能

12 个前端框架： Next.js · Nuxt · Vue · Angular · SvelteKit · Astro · Solid.js · Qwik · Remix · Preact · Lit · Fresh

8 个后端 API： NestJS · Node.js (Express) · Python (FastAPI) · Java (Spring Boot) · Go (Fiber) · PHP (Laravel) · Bun + Hono · tRPC BFF

任意组合 = 12 × 8 = 96 种搭配方案

常见组合示例

组合	适用场景	优势
Next.js + NestJS	多租户 SaaS、企业管理后台	SSR + TS 统一栈，代码共享
Vue + FastAPI	中小团队快速交付	轻量上手、Python 数据生态
Angular + Spring Boot	大型企业、长周期项目	强类型、成熟中间件生态
SvelteKit + Go Fiber	高性能实时应用	极致性能与低资源占用
任意前端 + tRPC BFF	移动/桌面多端	类型共享、聚合与降噪

解耦优势

• ✅ 团队并行交付：前后端团队独立开发、独立部署
• ✅ 按需扩展：前端静态化/SSR，后端微服务化或 Serverless
• ✅ 技术升级灵活：替换任一侧不影响另一侧
• ✅ 多团队协作：不同技术栈团队可共享同一套 API