TanStack Start 概述

TanStack Start 是一个由 TanStack Router 驱动的全栈 React 框架。它使用 Nitro 和 Vite 等工具提供完整的文档 SSR、流式处理、服务器函数、打包等功能。它已准备好部署到您最喜爱的主机提供商！

Router 还是 Start？

TanStack Router 是一个强大、类型安全且功能齐全的 React 应用程序路由系统。它旨在轻松处理最庞大的全栈路由需求。TanStack Start 构建于 Router 的类型系统之上，以提供类型安全的全栈 API，让您保持在快车道上。

您通过 TanStack Router 获得的功能

• 100% 推断的 TypeScript 支持
• 类型安全的导航
• 嵌套路由和无路径布局路由
• 内置路由加载器，带有 SWR 缓存
• 专为客户端数据缓存（TanStack Query、SWR 等）设计
• 自动路由预取
• 异步路由元素和错误边界
• 基于文件的路由生成
• 类型安全的 JSON 优先搜索参数状态管理 API
• 路径和搜索参数模式验证
• 搜索参数导航 API
• 自定义搜索参数解析器/序列化器支持
• 搜索参数中间件
• 路由匹配/加载中间件

您通过 TanStack Start 获得的功能

• 完整文档 SSR
• 流式处理
• 服务器函数 / RPC
• 打包
• 部署
• 全栈类型安全

总之，对于客户端路由使用 TanStack Router，对于全栈路由使用 TanStack Start。

它是如何工作的？

TanStack Start 使用 Nitro 和 Vite 来打包和部署您的应用程序。事实上，这些是为 Solid Start 提供支持的相同工具！借助这些工具，我们可以做一些以前无法做到的事情

• 为 SSR、流式处理和水合提供统一的 API
• 从您的客户端代码中提取仅服务器代码（例如服务器函数）
• 将您的应用程序打包以部署到任何主机提供商

我应该何时使用它？

如果您想构建具有以下要求的全栈 React 应用程序，TanStack Start 非常适合您

• 完整文档 SSR 和水合
• 流式处理
• 服务器函数 / RPC
• 全栈类型安全
• 强大的路由
• 丰富的客户端交互性

我可能在何时不想使用它？

如果出现以下情况，TanStack Start 则不适合您

• 您的网站将是 100% 静态的
• 您的目标是零 JS 或最少客户端交互的服务器渲染站点
• 您正在寻找一个以 React 服务器组件优先的框架。（我们很快将在我们自己出色的风格中支持 RSC！）

TanStack Start 是如何获得资助的？

TanStack 与我们的合作伙伴紧密合作，以提供最佳的开发者体验，同时提供可在任何地方工作并经过行业专家审查的解决方案。我们的每个合作伙伴都在 TanStack 生态系统中发挥着独特的作用

• Netlify 领先的 Web 应用程序托管平台，为部署您的 Web 应用程序提供快速、安全和可靠的环境。我们与 Netlify 紧密合作，以确保 TanStack Start 应用程序不仅可以无缝部署到他们的平台，而且还可以实施性能、安全性和可靠性的最佳实践，无论您最终部署到哪里。
• Clerk 现代 Web 应用程序（包括 TanStack Start 应用程序）的最佳身份验证体验。Clerk 为 TanStack Start 用户提供一流的集成和身份验证解决方案，并与 TanStack 团队紧密合作，以确保 TanStack Start 提供与最新的身份验证最佳实践同步的 API。
• Convex 一个与 TanStack Start 无缝集成的无服务器数据库平台。Convex 旨在简化应用程序数据管理过程，并提供与 TanStack Start 应用程序配合良好的实时、可扩展和事务性数据后端。Convex 还与 TanStack 团队紧密合作，以确保 TanStack Start 提供与最新的数据库最佳实践同步的 API。
• Sentry 一个强大、功能齐全的可观测性平台，与 TanStack Start 无缝集成。Sentry 帮助开发人员实时监控和修复崩溃，并提供有关您的应用程序性能和错误跟踪的见解。Sentry 与 TanStack 团队紧密合作，以确保 TanStack Start 提供与最新的可观测性最佳实践同步的 API。

准备好开始了吗？

继续到下一页，了解如何安装 TanStack Start 并创建您的第一个应用程序！