ViteReact后台启动器

nexus-starter — Vite 后台模板

作者 CiroLee

基于 Vite 与 React 的后台管理模板，界面组件来自 Nexus-Kit，内置登录、工作台、图表、表格与用户中心等页面。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图
作者提供的预览
作者提供的预览

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

01

使用 Vite 构建、React 与 TypeScript 编写的前端代码

02

UI 组件来自 Nexus-Kit，基于 Radix-UI 与 TailwindCSS

03

内置登录、工作台、图表、表格、用户中心等页面预览

04

集成 Zustand 状态管理、React Router 路由与 react-i18next 国际化

05

表单使用 react-hook-form，图表使用 reaviz，模拟数据使用 tiny-lorem

06

配置 ESLint、Prettier 与 Husky 代码质量工具链

模板详细介绍

Nexus-Starter 是一个后台管理方向的启动模板，由 Nexus-Kit 与 Vite 构建，仓库以 MIT 许可发布。README 提供的预览图覆盖登录页、工作台、图表页、表格页和用户中心，说明模板已经搭好这几类常见后台页面的骨架，可以直接作为管理端项目的起点。

技术选型上，前端框架为 React 与 TypeScript，构建工具为 Vite，UI 组件库使用作者自研的 Nexus-Kit（基于 Radix-UI 与 TailwindCSS），状态管理用 Zustand，路由用 React Router，国际化用 react-i18next，表单用 react-hook-form，图表用 reaviz，模拟数据用 tiny-lorem，代码质量工具链为 ESLint、Prettier 与 Husky。

使用方式为克隆仓库后以 pnpm 安装依赖，通过 pnpm run dev 启动开发、pnpm run build 构建。需要注意：模板依赖 Nexus-Kit 这一非通用组件库，样式与组件替换成本取决于对该库的接受程度；仓库未声明后端接口、鉴权或部署方案，数据来自本地模拟库，接入真实服务需要自行改造；演示图片、字体、图标等第三方素材的授权需单独核对，MIT 许可仅覆盖该版本代码。

ViteReact后台启动器

适合你的项目吗？

适用场景

  • 搭建后台管理系统的前端骨架
  • 作为 React + TypeScript + Vite 项目的起步模板
  • 参考 Nexus-Kit 组件库在后台界面中的组织方式
  • 需要登录页、工作台、图表与表格等常见页面的示例实现

适合人群

  • 需要快速起步后台管理前端的开发者
  • 接受 Nexus-Kit 组件库与 TailwindCSS 技术栈的团队
  • 希望参考 React 后台项目目录与依赖组织方式的学习者

上手与定制指南

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

  1. 1

    克隆仓库后使用 pnpm install 安装依赖

  2. 2

    开发运行 pnpm run dev，构建运行 pnpm run build

  3. 3

    项目依赖 Nexus-Kit 组件库，需确认其可用性与维护状态

  4. 4

    数据来自 tiny-lorem 模拟库，接入真实接口需自行改造

  5. 5

    MIT 许可仅覆盖代码，演示图片、字体、图标等素材需单独核对授权

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

Permission is hereby granted, free of charge

许可证原文
https://github.com/CiroLee/nexus-starter/blob/main/LICENSEhttps://github.com/CiroLee/nexus-starter/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 82 / 100
技术栈
Vite · React
网站类型
后台 · 启动器
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2025-09-11
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 5e0da9ea1ee4cdad07683b8aa14d0d1ae09272de7965f50616c7bd26008a00b2

2026-10-02T21:04:07.336Z

来源文件 / 仓库
# Nexus-Starter

English | [中文](README-ZH.md)

Nexus-Starter is a modern admin template project built with [Nexus-Kit](https://github.com/CiroLee/nexus-kit) and [Vite](https://vite.dev/).

## Preview

[preview site](https://nexus-starter.netlify.app/)

![login](images/preview-0.png)

![workbench](images/preview-1.png)

![chart](images/preview-2.png)

![table](images/preview-3.png)

![user-center](images/preview-4.png)

## Tech Stack

- Frontend Framework: React19 + TypeScript
- Build Tool: [Vite](https://vite.dev/)
- UI Component Library: [Nexus-Kit](https://github.com/CiroLee/nexus-kit) (based on Radix-UI and TailwindCSS v4)
- State Management: [Zustand](https://github.com/pmndrs/zustand)
- Mock Data: [tiny-lorem](https://github.com/CiroLee/tiny-lorem) (a lightweight mock database friendly to Chinese)
- Routing: [React Router(v7)](https://reactrouter.com/)
- Internationalization: [react-i18next](https://react.i18next.com/)
- Form Handling: [react-hook-form](https://react-hook-form.com/)
- Charts: [reaviz](https://github.com/reaviz/reaviz)
- Code Quality: ESLint + Prettier + Husky

## Quick Start

1. Get the code

```bash
git clone https://github.com/CiroLee/nexus-starter.git
```

2. Install dependencies

```bash
pnpm install
```

3. Run the project

```bash
pnpm run dev
```

4. Build the project

```bash
pnpm run build
```

## License

[MIT](LICENSE)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

react-starter-kit

react-starter-kit

Modern React starter kit with Bun, TypeScript, Tailwind CSS, tRPC, Stripe, and Cloudflare Workers. Production-…

Vite · SaaS

cove

cove

The Cove Stack: 🏝️ minimal TanStack Start template with Vite+, Better Auth, Drizzle ORM, shadcn/ui

Vite · SaaS

vite-react-boilerplate

vite-react-boilerplate

A production ready, scalable starter template for Vite + React

Vite · 启动器

kiaalap

kiaalap

Free admin dashboard template focused on education, online course and school management. Build using Bootstrap…

Vite · 后台

react-vite-admin

react-vite-admin

This Starter utilizes React, Recoil, React Query, React Hooks, Typescript, Axios And Vite. 全新技术栈的后台管理系统

Vite · 后台

typescript-react_best_practices-vite_template

typescript-react_best_practices-vite_template

<⚡⚛️> Start your React project with Vite following code best practices (TypeScript, Linting, testing, CI/CD…)

Vite · 启动器