搭配方案

共 5 条

shadcn/ui +

React + shadcn registry+ Tailwind CSS+ Radix UI+ Base UI

基于shadcn/ui的开源组件库与免费管理后台模板，一条命令安装组件

shadcn/ui提供组件规范，Radix/Base UI提供无样式原语，Next.js与Tailwind负责运行时与样式

✓ 527个免费组件49类✓ 注册表一条命令安装 ✕ 高级工具需付费Pro版✕ 无数据库鉴权等后端能力

shadcn/ui + Next.js 15+ React 19+ Radix UI+ Tailwind CSS 4+ NextAuth.js

用 Next.js 15 与 shadcn/ui 组合构建可扩展的开源管理后台模板

React 19 提供并发性能，Next.js 15 负责 SSR 与 App Router，Radix + shadcn/ui 提供可访问组件，Tailwind 实现快速样式，NextAuth 负责登录与会话。

✓ 组件可访问性高且可定制✓ 内置多语言与认证能力 ✕ 模板较新生态依赖版本要求高✕ 定制需熟悉 Tailwind 与 Rad

shadcn/ui +

Vercel + Node.js 20.9++ pnpm 9.0++ TypeScript+ next-intl+ MDX+ Tailwind CSS

Next.js 多语言启动模板，快速构建面向全球的网站

Next.js 提供 App Router 与 SSR，next-intl 管多语言路由与翻译，MDX 承载博客内容，Tailwind 加 Shadcn/ui 出现代 UI。

✓ 内置中英日多语言支持✓ 完整 SEO 优化方案 ✕ 仅模板，非完整业务系统

shadcn/ui +

TypeScript + Codex CLI+ Claude Code+ Agent Client Protocol (ACP)+ Zustand

用 Tauri+React 构建桌面工作站，统一管理 Codex、Claude Code 与 ACP 代理会话

✓ 多代理统一工作台✓ 数据全部本地存储 ✕ 依赖各 CLI 已安装配置✕ 桌面端平台适配成本

shadcn/ui +

Vercel + Postgres+ JWT+ pnpm

用 Next.js 快速搭建带 Stripe 支付订阅与用户看板的 SaaS 应用

Next.js 提供框架与部署，Drizzle 操作 Postgres，Stripe 负责订阅支付，shadcn/ui 渲染界面，Vercel 承载部署

✓ 覆盖认证、支付、看板完整链路✓ 本地可跑通 Stripe webhook ✕ 刻意精简，功能有限✕ 社区付费版功能更全