mcpField
T
tailadmin-nextjs

tailadmin-nextjs

github.com/rebyteai-template设计与 UI1797 次安装19 周前更新
代码仓库

关于 tailadmin-nextjs

TailAdmin Next.js 是面向 Next.js 应用开发者的管理仪表板模板，包含 30 多个组件、深色模式、图表、日历、表单和表格。

主要功能

  1. 0130 多个仪表板组件
  2. 02深色模式
  3. 03ApexCharts 图表
  4. 04日历、表单和表格
  5. 05基于 Next.js 16 和 React 19

适用场景

  1. 01启动 Next.js 管理仪表板项目
  2. 02构建包含图表和表格的页面

安装

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

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill tailadmin-nextjs

安装后在 Claude Code 中输入/tailadmin-nextjs确认已加载。

详细介绍

TailAdmin Next.js

免费的 Next.js 管理仪表板，包含 30 多个组件、深色模式、ApexCharts、日历、表单和表格。

技术栈

  • 框架：Next.js 16
  • React：React 19
  • 样式：Tailwind CSS 4
  • 图表：ApexCharts
  • 包管理器：pnpm
  • 开发端口：3000

设置

1. 克隆模板
git clone --depth 1 https://github.com/Eng0AI/tailadmin-nextjs-template.git .

如果目录不为空：

git clone --depth 1 https://github.com/Eng0AI/tailadmin-nextjs-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. 安装依赖
pnpm install

构建

pnpm 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

开发

pnpm dev

在 http://localhost:3000 打开

评论

支持 Markdown