{"repo":"TomatoDroid/tanstack-start-admin-dashboard","free":true,"listed":false,"github":"https://github.com/TomatoDroid/tanstack-start-admin-dashboard","clone":"git clone https://github.com/TomatoDroid/tanstack-start-admin-dashboard.git","description":"基于 TanStack Start + React 19 + Vite 7 的 SSR 后台模板，开箱即用。","language":"TypeScript","stars":16,"topics":[],"license":null,"category":"dashboards-admin","readme_excerpt":"React SSE Admin 基于 TanStack Start、React 19 与 Vite 7 打造的现代化后台模板，集成路由、数据获取、表单、表格与多主题布局，为中大型 BFF/SSR 场景提供开箱即用的脚手架。 界面预览 本项目支持亮色和暗色两种主题模式，提供一致的用户体验。 技术栈一览 - 运行时 ：React 19 + Vite 7（SSR & Streaming ready） - 路由 ：TanStack Router 文件路由，自动生成 routeTree - 数据层 ：TanStack Query 5 + @tanstack/react-router-ssr-query - 表单 ：TanStack React Form、React Hook Form Resolver、Zod - 表格 & 列表 ：TanStack Table 8 + 自定义 DataTable 组件 - 状态管理 ：Zustand 搭配 Cookie 工具管理鉴权态 - UI 与样式 ：Radix UI 原子组件 + shadcn 风格 + Tailwind CSS 4 + 自定义主题系统 功能亮点 1. 多布局与主题 ： src/context 中的 Direction/Theme/Layout Provider 支持亮/暗/系统主题、左右布局切换与密度控制。 2. 鉴权流程完整 ： src/features/auth 覆盖登录、注册、OTP、忘记密码，并与 stores/auth-store.ts 联动 Cookie。 3. 任务、用户、设置等模块示例 ： src/features/ 与 src/routes/ authenticated/ 展示真实业务拆分方式。 4. 数据驱动的组件库 ： src/components/data-table 、 components/form 等为通用中后台组件，易于复用。 5. SSR 友好的数据获取 ：Query Client 通过 integrations/tanstack-query 统一创建，并由 Router Context 向下传递，确保首屏命中缓存。 6. 开发体验 ：严格的 TS 配置、ESLint/Prettier、Vitest + Testing Library、 @/ 路径别名，保证代码一致性。 快速开始 需要 Node.js ≥ 20 与 PNPM ≥ 10（已在 packageManager 中锁定版本） NPM Scripts 命令 说明 --- --- pnpm dev 启动 Vite 开发服务器（端口 9527，支持 HMR & SSR） pnpm build 生成 SSR + 客户端产物 pnpm serve 以生产模式本地预览 pnpm test 运行 Vitest（含 JSDOM 环境与 Testing Library） pnpm lint 使用 @tanstack/eslint-config 检查全量代码 pnpm format 使用 Prettier 格式化 pnpm check 先 prettier --write 再 eslint --fix 的一键校验 目录结构 架构与关键约定 路由与页面组织 - src/routes/ root.tsx 提供全局布局、导航与 Devtools。 - authenticated 、 (auth) 、 (errors) 等目录代表不同的 route segments。 - 通过 @tanstack/router-plugin 自动生成","default_branch":null,"files":null,"tree":[],"storefront":"/r/TomatoDroid","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/TomatoDroid/tanstack-start-admin-dashboard/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}