Next.jsReact后台

next-shadcn-dashboard-template — Next.js 后台模板

作者 Xwordsman

基于 Next.js 16 与 shadcn/ui 的中立后台模板，含 28 条中英双语路由、演示认证与内存数据，附功能清理脚本。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

目前只有 1 张可用预览，尚未找到可用演示站，暂无法补充内页和手机端截图。

仓库预览 1

查看源码在新标签页打开

作者提供的预览

来自项目仓库的原始界面图片。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

中英双语路由开箱可用，英文 /dashboard/users 与中文 /zh/dashboard/users 并存

默认零外部依赖启动，无需数据库、API Key 或 .env 即可运行演示

认证、仓储、服务、查询与 UI 分层，接口契约明确便于替换后端

内置 Biome、TypeScript、Vitest、Playwright、axe 与 CI 的完整校验链

提供按功能分组的清理脚本，支持 dry-run 后移除 Applications、Data、Forms

模板详细介绍

这是一个以「可替换边界」为设计前提的 Next.js 后台模板，UI 层用 shadcn/ui 搭建，路由基于 App Router 并按语言分区：英文走 /dashboard/users 这类干净路径，中文走 /zh/dashboard/users。内容覆盖五套仪表盘（默认、分析、CRM、财务、电商）、六个应用页（看板、聊天、邮件、日历、任务、发票）、用户与产品 CRUD、URL 同步表格、角色矩阵以及基础到多步的表单模式，外壳部分包含嵌套侧边栏、命令面板、面包屑和主题语言菜单。

比较实用的一点是它不依赖数据库、API Key 或托管认证账号即可启动，认证、仓储、服务、查询和 UI 都留在可替换的接口后面，适合想先跑通交互再逐步接后端的团队。偏好设置提供明暗与系统模式、四套预设、四种字体和侧边栏布局变体；质量侧配了 Biome、TypeScript、Vitest、Testing Library、Playwright、axe 和 CI，并附带按功能分组的清理命令，Applications、Data、Forms 可移除，默认仪表盘与系统页因登录和外壳依赖而保留。

需要明确的是，默认运行时是演示性质的：登录使用签名的 HttpOnly 演示会话和固定账号，注册只创建演示会话，找回密码与 OTP 返回演示响应，用户和产品数据存在服务进程内存中，重启即重置。上线前必须实现 src/lib/auth/types.ts 中的 AuthAdapter 契约，并把各资源的 _api/repository.ts 换成真实后端，同时复核服务与路由层的授权逻辑。

Next.js后台

适合你的项目吗？

适用场景

需要中英双语后台骨架、希望先验证交互再接真实接口的产品原型
团队想以 shadcn/ui 为基础统一后台视觉与组件规范
作为内部管理系统的起点，按功能裁剪后接入自有 REST、GraphQL 或 ORM
用于演示或教学，展示 Next.js App Router 下的后台分层组织方式

适合人群

熟悉 Next.js App Router 与 TypeScript、能自行实现 AuthAdapter 的开发者
接受 Node.js 24.18+ 与 pnpm 11.9+ 工具链约束的团队
需要可裁剪功能模块、而非一次性大而全后台的项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
本地演示账号为 [email protected] / password，仅用于开发环境
2
部署演示站需设置 DEMO_AUTH_SECRET，正式环境须替换演示认证适配器
3
用户与产品数据存于服务进程内存，重启会重置，不可当作持久化存储
4
执行 pnpm cleanup 前先跑 dry-run 并阅读 docs/feature-cleanup.md
5
仓库 License 状态显示为 review，商用前请核对 LICENSE 与 THIRD_PARTY_NOTICES.md

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、复制、修改、合并、发布、分发、再许可和销售软件，仅需保留版权和许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
在所有副本或实质性部分中包含上述版权声明和本许可声明

额外费用与待核对事项

README中引用的截图等演示素材的授权范围未在许可证中明确说明

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文