同一套产品 · 五种技术栈实现

一套 Admin 系统
五种技术栈实现

同一套产品、同一套 UI、同一套业务逻辑、同一套数据库，分别用 React、Vue、Next.js、Nuxt 与 NestJS 独立实现。

阅读文档GitHub

Design First

设计先行，一致性是硬性规则

不允许为了实现方便而破坏架构约定，所有技术栈遵循同一份规范。

多技术栈同构

同一套产品、同一套 UI、同一套业务逻辑、同一套数据库，React、Vue、Next.js、Nuxt、NestJS 五端独立实现、独立部署。

OpenAPI Contract 优先

API 设计先定义 Contract 再实现，OpenAPI 是唯一事实来源；Schema、数据模型、业务规则、数据类型与契约五项跨栈一致。

RBAC 权限模型

用户 ↔ 角色 ↔ 权限位掩码，菜单与权限关联控制；服务端强制校验 API 权限，前端路由守卫只是体验层。

Stacks

技术栈与进度

每个应用独立运行、独立构建、独立部署，共用同一个 PostgreSQL 数据库。

React 19

已完成

UI Source of Truth，Hero UI 模板实现

Next.js 16

已上线

独立全栈实现，不依赖 NestJS

NestJS + Drizzle

已上线

REST API，PostgreSQL 统一数据库

Vue 3 + Nuxt UI

进行中

复刻 React 版本的页面与交互

Nuxt

未启动

独立全栈实现，不依赖 NestJS

功能对齐状态

29 / 29

四端功能已全部对齐

查看功能矩阵 →

准备好深入了吗？

从概览开始，了解 Better Admin 的架构约定、数据库设计与多技术栈实现细节。

从快速开始读起看数据库设计

Frequently Asked Questions

关于 Better Admin 的常见问题。如果没有找到想要的答案，欢迎在 GitHub 提出你的问题。

没有找到想问的？欢迎在 GitHub 提出 Issue。