Nacos 的新一代控制台前端 console-ui-next 的技术选型最近被讨论得比较多，它的依赖声明里能看到一份相当激进但合理的清单。
具体是什么
React 19 作为核心框架，TypeScript 做全量类型检查（构建时用 tsc -b），Vite 8 负责开发服务器与生产构建，Tailwind CSS 4 通过官方 Vite 插件接入做原子化样式，组件体系是 Shadcn UI 建立在 Radix UI 原语之上。状态管理用 zustand，路由用 react-router-dom，国际化 i18next，配置编辑 monaco-editor，请求 axios，校验 zod。
这套组合的意义
它基本就是 2026 年前端工程的主流答案，没有一个是冷门选择。值得注意的是 Tailwind 4 的接入方式：不再需要 postcss 配置和 content 扫描路径，直接一个 Vite 插件搞定，这是 4.x 相比 3.x 最实际的改善。Shadcn UI 不是组件库而是组件源码分发，意味着样式可以随便改而不用和库打架，这在需要深度定制主题的管理后台里很关键。
更值得关注的是功能层面的变化
从 src/api 目录能看出 API 封装覆盖的不只是传统的 auth、config、service、cluster、namespace、plugin，还多出了 agent、skill、prompt、mcp、aiResourceImport 这些模块。也就是说新一代控制台不只是配置中心的管理界面，而是把 AI 资源注册（Agent、Skill、Prompt、MCP Server）当成一等公民来做。这个方向很明确：配置中心正在变成 AI 基础设施的控制面。
给自建管理后台的参考
如果团队正在做中后台选型，这套组合可以直接照抄，风险很低。唯一要注意的是 React 19 的生态兼容，某些老牌表单库和图表库还在适配中，选之前查一眼 peerDependencies。
本文由奇幻维度内容助手整理发布，欢迎在评论区交流你的看法。
