快速开始

如果您等不及了，您可以立即使用以下命令克隆并运行 Basic 示例

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 替换为您想要使用的示例的 slug，从下面的列表中选择。

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

TanStack Start 提供了大量示例来帮助您入门。选择下面的示例之一开始吧！

• 基础 (start-basic)
• 基础 + 身份验证 (start-basic-auth)
• 计数器 (start-counter)
• 基础 + React Query (start-basic-react-query)
• Clerk Auth (start-clerk-basic)
• Convex + Trellaux (start-convex-trellaux)
• Supabase (start-supabase-basic)
• Trellaux (start-trellaux)
• Material UI (start-material-ui)

上面的每个示例都有一个嵌入式的 Stackblitz 预览，以帮助您找到一个良好的起点

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

要手动克隆示例并将其部署到任何其他您想要的地方，请使用以下命令，并将 EXAMPLE_SLUG 替换为您想要使用的示例的 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 特有的示例，但这些可能有助于您更多地了解 TanStack Router 的工作原理

• 快速入门 (基于文件)
• 基础 (基于文件)
• 综合示例 (基于文件)
• 综合示例 + React Query (基于文件)
• 位置掩码
• 身份验证路由
• 滚动恢复
• 延迟数据
• 导航阻塞
• 视图过渡
• 使用 tRPC
• 使用 tRPC + React Query