企业后台与审批流

组件库管理系统

基于 Next.js App Router 与 NestJS BFF 的组件库管理中台，兼顾 SSR 与权限系统。

技术栈

Next.js App RouterReact 18TypeScriptAnt DesignRedux ToolkitNestJS BFF

素材与示意

没有完整截图的项目，会先用结构化占位保证阅读不断档。

cover

当前没有公开截图，这里先保留结构，后面再补图。

背景

问题背景

要同时处理 SSR、业务组件复用、动态权限和中台类复杂列表交互。

参与 Next.js App Router 管理中台开发

二次封装通用业务组件并建设文档站

设计 RBAC 动态权限与多租户细粒度控制

通过 RTK Query 和性能优化降低首屏压力

拆解

下面按问题、方案和结果来写，方便直接看我在项目里做了什么。

问题

前端直接对接多后端服务会让鉴权与数据拼装非常分散。

方案

用 NestJS BFF 做聚合与转换，前端围绕权限模型与页面状态进行组织。

结果

减少前端直接拼装多服务接口时的分散问题。

问题

后台系统迭代快，如果没有组件复用，团队会持续重复造轮子。

方案

封装高级搜索、数据表格、权限按钮、树形选择器等业务组件。

结果

团队复用率达到 80%，同时缩短新页面搭建时间。