tlyboy
返回项目列表
TypeScript10GitHub 仓库

shadcn-tanstack-router-react-starter

🚀 基于 TanStack Router 和 shadcn/ui 的 SPA 模板

分类技术栈
框架React 19 + React Compiler
路由TanStack Router（文件路由，SPA）
UIshadcn/ui（Base UI）+ Tailwind CSS v4
构建Vite

安装#

bash
npx degit tlyboy/shadcn-tanstack-router-react-starter my-projectcd my-projectpnpm install

使用说明#

开发#

bash
pnpm dev

路由放在 src/routes。路由树 src/routeTree.gen.ts 自动生成，不要手动修改。

构建#

bash
pnpm buildpnpm preview

添加组件#

bash
pnpm dlx shadcn@latest add dialog

添加 TanStack 库#

bash
pnpm add @tanstack/react-table

Table、Form 等 TanStack 库直接用 pnpm 安装。@tanstack/* 包自带的 agent skill 会通过 TanStack Intent 接入（见 AGENTS.md）。不要用 @tanstack/cli add：它会按模板重新生成文件，覆盖已经改过的内容。

检查#

bash
pnpm lintpnpm check

使用许可#

MIT © tlyboy