Next.jsReact后台

dashboard-v2-nextjs — Next.js 后台模板

作者 Mothball2499

Salvia-kit 出品的后台管理面板模板 v2 的 Next.js 版本，采用数据界面风格，代码以 MIT 许可发布。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

访问演示网站在新标签页打开

作者提供的预览

来自项目 README 的原始预览。

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

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

采集于 2026-10-13查看来源

值得关注的模板亮点

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

Salvia-kit dashboard 模板 v2 的 Next.js 版本，定位后台管理界面

基于 create-next-app 引导的项目结构，页面入口为 pages/layout.js

内置 /admin/documentation 文档页，可在本地开发服务器查看

提供 pages/api/hello.js 示例 API 路由，映射到 /api/*

仓库根目录含标准 MIT 许可文本，代码可免费使用、修改与分发

模板详细介绍

这是 Salvia-kit dashboard 模板 v2 的 Next.js 实现，属于后台管理类界面模板，整体风格为数据界面。仓库基于 create-next-app 引导的 Next.js 项目结构，页面入口在 pages/layout.js，API 示例位于 pages/api/hello.js，并映射到 /api/* 路由。项目自带一份文档页，路径为 /admin/documentation，可在本地开发服务器上查看。仓库同时列出了 Chrome、Firefox、Edge、Safari、Opera 的浏览器支持范围，并提供了贡献指南链接。

从资料看，该模板定位为后台面板的界面骨架，适合在此基础上替换数据与业务逻辑。仓库未提供依赖清单细节，因此无法确认具体框架版本；也未说明数据来源、鉴权、状态管理等实现方式。演示站点为 Vercel 上的公开预览，仓库星标数为 0，最近更新时间停留在 2021 年。

Next.js后台

适合你的项目吗？

适用场景

搭建后台管理面板的界面骨架，再接入自有数据与接口
作为 Next.js 后台类项目的起步结构，替换页面与组件内容
参考其页面布局与 API 路由组织方式，用于内部管理工具原型

适合人群

需要现成后台面板界面基础、准备自行接入业务逻辑的开发者
使用 Next.js 并希望以 MIT 许可代码起步的项目
需要参考 Salvia-kit 后台模板在 Next.js 下实现方式的团队

上手与定制指南

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

1
使用 npm run dev 或 yarn dev 启动开发服务器，浏览器访问 http://localhost:3000
2
页面编辑从 pages/layout.js 开始，保存后自动更新
3
API 路由示例位于 pages/api/hello.js，可通过 http://localhost:3000/api/hello 访问
4
仓库未提供依赖清单细节，安装前请自行核对 package.json 中的依赖与版本
5
演示图片、字体、图标等第三方素材需按各自许可单独核对，MIT 许可仅覆盖代码

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/Mothball2499/dashboard-v2-nextjs/blob/main/LICENCE.md https://github.com/Mothball2499/dashboard-v2-nextjs/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 65 / 100
技术栈: Next.js · React
网站类型: 后台

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2021-07-20
截图检查日期: 2026-10-13

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 68b90f43d9b54f6fd434c70dad2925924232fc4824a9e2160d2bc84616a65183

2026-10-13T04:42:51.006Z

来源文件 / 仓库

# Salvia-kit Dashboard v2 Next.js

![Salvia-kit Dashboard v2](https://res.cloudinary.com/beloved/image/upload/v1626789450/dashboards/dashv2_srg61c.jpg)

## 📋 Documentation
You can see the documentation on [http://localhost:3000/admin/documentation](http://localhost:3000/admin/documentation)

## Browser Support

| Chrome | Firefox | Edge | Safari | Opera |
|:---:|:---:|:---:|:---:|:---:|
| <img src="https://github.com/creativetimofficial/public-assets/blob/master/logos/chrome-logo.png?raw=true" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/firefox-logo.png" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/edge-logo.png" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/safari-logo.png" width="64" height="64"> | <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/opera-logo.png" width="64" height="64"> |

## Contribution
If you would like to contribute on the project, fixing bugs, please follow our [Contribution guide](https://github.com/salvia-kit/dashboard-v2-nextjs/blob/main/contributing.md)


## Getting Started
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).


First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/layout.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

反馈内容错误