Next.jsReact后台

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

作者 Mothball2499

Salvia-kit 出品的 Next.js 后台仪表盘模板 v1，采用数据界面风格，MIT 许可，含本地文档页与 Vercel 演示。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

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

作者提供的预览

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

Salvia-kit 出品的 dashboard v1 后台模板，使用 Next.js 构建

数据界面风格，页面入口在 pages 目录，可从 pages/layout.js 开始修改

自带文档页面，运行后可在 /admin/documentation 查看

包含 pages/api 下的 API 路由示例，如 /api/hello

MIT 许可，允许免费使用、修改、商用与分发，需保留版权与许可声明

提供 Vercel 在线演示与 README 原始预览图

模板详细介绍

这是 Salvia-kit 的 dashboard v1 模板，使用 Next.js 构建，定位为后台管理类数据界面。仓库由 Mothball2499 托管，代码以 MIT 许可发布，可免费使用、修改、商用和分发，分发时需保留版权与许可声明。

项目基于 create-next-app 初始化，页面文件位于 pages 目录，README 指出可从 pages/layout.js 开始修改页面，并包含 pages/api 下的 API 路由示例（如 /api/hello）。模板自带一个文档页面，运行后可在 /admin/documentation 路径查看。README 列出了 Chrome、Firefox、Edge、Safari、Opera 的浏览器支持图标，但未给出具体版本范围。

仓库提供 Vercel 在线演示，预览图来自 README 原始截图。资料未说明数据来源、状态管理、鉴权或后端集成方式，也未列出依赖清单，因此无法确认具体框架版本与生产可用性。演示图片、字体、图标等第三方素材需按各自许可单独核对；域名、托管、数据库等外部服务可能另行收费。

Next.js后台

适合你的项目吗？

适用场景

搭建后台管理系统的界面骨架
作为 Next.js 数据看板类页面的起始模板
学习 Next.js 页面与 API 路由的基本组织方式
在本地运行并查看内置文档页了解模板结构

适合人群

需要 Next.js 后台界面起点的开发者
希望基于 MIT 许可自由修改和商用的团队
想参考 Salvia-kit 仪表盘布局的前端人员

上手与定制指南

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

1
使用 npm run dev 或 yarn dev 启动开发服务器，默认访问 http://localhost:3000
2
页面修改从 pages/layout.js 开始，编辑后自动更新
3
API 路由位于 pages/api 目录，映射到 /api/* 路径
4
文档页面地址为 http://localhost:3000/admin/documentation
5
演示图片、字体、图标等第三方素材需按各自许可核对，外部服务可能另行收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

查看原文依据

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

https://github.com/Mothball2499/dashboard-v1-nextjs/blob/main/LICENCE.md https://github.com/Mothball2499/dashboard-v1-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: 7a503c9287b96b494989f9383e246ad4ae212373a69fbbab2170cb46a304aeea

2026-10-13T04:43:11.366Z

来源文件 / 仓库

# Salvia-kit Dashboard v1 Next.js

![Salvia-kit Dashboard v1](https://res.cloudinary.com/beloved/image/upload/v1626789445/dashboards/dashv1_lebeeb.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-v1-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.

反馈内容错误