TanStack Start 是一个由 TanStack Router 提供支持的全栈 React 框架。它提供完整的文档 SSR、流式传输、服务器函数、捆绑等功能。得益于 Vite,它随时可以开发并部署到任何您想要的托管服务提供商或运行时!
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 使用 Vite 来捆绑和部署您的应用程序,并赋能以下强大功能:
- 为 SSR、流式传输和注水提供统一的 API
- 从您的客户端代码中提取仅限服务器的代码(例如服务器函数)
- 将您的应用程序捆绑部署到任何托管服务提供商
我何时应该使用它?
如果您希望使用以下要求构建全栈 React 应用程序,TanStack Start 将是您的完美选择:
- 完整文档 SSR & 注水
- 流式传输
- 服务器函数 / RPC
- 全栈类型安全
- 强大的路由
- 丰富的客户端交互性
我何时可能不想使用它?
如果出现以下情况,TanStack Start 不适合您:
- 您的目标是构建一个零 JS 或极少客户端交互的服务器渲染网站
- 您正在寻找一个 React-Server-Component 优先的框架。(我们很快就会以我们自己的出色风格支持 RSC!)
TanStack Start 是如何获得资金支持的?
TanStack 与我们的合作伙伴紧密合作,提供最佳的开发者体验,同时提供可在任何地方使用并经过行业专家验证的解决方案。我们的每个合作伙伴在 TanStack 生态系统中都扮演着独特的角色。
- Netlify
领先的 Web 应用程序托管平台,为您的 Web 应用程序部署提供快速、安全和可靠的环境。我们与 Netlify 紧密合作,确保 TanStack Start 应用程序不仅能够无缝部署到他们的平台,而且无论您最终部署到何处,都能实现性能、安全性和可靠性的最佳实践。
- Neon
一个无服务器、自动扩缩的 Postgres 解决方案,专为现代全栈应用程序打造。Neon 提供与 TanStack Start 丰富的集成机会,包括服务器函数和数据库支持的路由。我们共同简化了 TanStack 开发人员的数据库体验。
- 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 与最新的可观测性最佳实践保持同步。
- Prisma
省略数据库设置,直接开始构建。Prisma Postgres 能够在几秒钟内提供生产就绪的 Postgres 数据库——无需资源配置,无需基础设施规划,也无需深夜“为什么我的连接池已满?”的调试会话。只需连接您的 TanStack 应用程序,即可开始构建重要的功能。
准备开始了吗?
请转到下一页,了解如何安装 TanStack Start 并创建您的第一个应用程序!