mcpField
M
mantis-react-admin

mantis-react-admin

github.com/rebyteai-template开发1783 次安装19 周前更新
代码仓库

关于 mantis-react-admin

基于 React 的管理后台仪表盘模板，采用 Material UI v7、React 19、Vite 7 和 MUI X Charts。适合需要从现成前端基础开始构建管理界面的开发者。

主要功能

  1. 01React 19 与 Vite 7
  2. 02Material UI v7 组件
  3. 03MUI X Charts 图表
  4. 04React Router v7 路由
  5. 05SWR 数据获取

适用场景

  1. 01启动管理后台前端项目
  2. 02构建带图表的管理仪表盘
  3. 03基于 React Router 配置页面导航

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill mantis-react-admin

安装后在 Claude Code 中输入/mantis-react-admin确认已加载。

详细介绍

Mantis React 管理后台

一款免费的 React 管理仪表板，采用 Material UI v7、React 19、Vite 7 和 MUI X Charts。

技术栈

  • 框架：React 19
  • 构建工具：Vite 7
  • UI 库：Material UI v7、MUI X Charts
  • 样式：Emotion CSS-in-JS
  • 路由：React Router v7
  • 状态管理：使用 SWR 获取数据
  • 包管理器：yarn
  • 输出：dist 目录
  • 开发端口：5173

设置

1. 克隆模板
git clone --depth 1 https://github.com/Eng0AI/mantis-react-admin-template.git .

如果目录不为空：

git clone --depth 1 https://github.com/Eng0AI/mantis-react-admin-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. 移除 Git 历史记录（可选）
rm -rf .git
git init
3. 安装依赖
yarn install

构建

yarn build

部署

Vercel（推荐）
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist

开发

yarn start

打开 http://localhost:5173

代码检查

yarn lint        # Check for issues
yarn lint:fix    # Auto-fix issues
yarn prettier    # Format code

评论

支持 Markdown