快速开始

如果您很急切，可以使用以下命令立即克隆并运行基本示例：

npx gitpick TanStack/router/tree/main/examples/react/start-basic start-basic
cd start-basic
npm install
npm run dev

npx gitpick TanStack/router/tree/main/examples/react/start-basic start-basic
cd start-basic
npm install
npm run dev

如果您想使用不同的示例，可以将上面的start-basic替换为下面列表中您想要使用的示例的别名。

克隆您想要的示例后，请返回学习基础知识指南，了解如何使用 TanStack Start！

TanStack Start 提供了许多示例供您入门。从下面的示例中选择一个开始！

• 基本 (start-basic)
• 基本 + 认证 (start-basic-auth)
• 计数器 (start-counter)
• 基本 + React Query (start-basic-react-query)
• Clerk 认证 (start-clerk-basic)
• Convex + Trellaux (start-convex-trellaux)
• Supabase (start-supabase-basic)
• Trellaux (start-trellaux)
• WorkOS (start-workos)
• Material UI (start-material-ui)

上面的每个示例都有一个嵌入的 Stackblitz 预览，可以找到一个感觉不错的起点。

要快速部署示例，请单击示例页面上的 Deploy to Netlify 按钮，将示例克隆并部署到 Netlify。

要手动克隆并将示例部署到您想去的任何其他地方，请使用以下命令，将 EXAMPLE_SLUG 替换为上面您想要使用的示例的别名：

npx gitpick TanStack/router/tree/main/examples/react/EXAMPLE_SLUG my-new-project
cd my-new-project
npm install
npm run dev

npx gitpick TanStack/router/tree/main/examples/react/EXAMPLE_SLUG my-new-project
cd my-new-project
npm install
npm run dev

克隆或部署示例后，请返回学习基础知识指南，了解如何使用 TanStack Start！

虽然这些不是 Start-specific 的示例，但它们可能有助于您更深入地了解 TanStack Router 的工作原理

• 快速入门（基于文件）
• 基本（基于文件）
• 大杂烩（基于文件）
• 大杂烩 + React Query（基于文件）
• 位置遮罩
• 认证路由
• 滚动恢复
• 延迟数据
• 导航阻塞
• 视图转换
• 使用 tRPC
• 使用 tRPC + React Query