TanStack Start 概述

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 不适合您,如果:

  • 您的网站将是 100% 静态的
  • 您的目标是零 JS 或最少客户端交互性的服务器渲染网站
  • 您正在寻找 React-Server-Component 优先的框架。(我们很快会以我们自己的出色风格支持 RSC!)

TanStack Start 是如何获得资助的?

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

  • Clerk Clerk logo 为现代 Web 应用程序(包括 TanStack Start 应用程序)提供最佳的身份验证体验。Clerk 为 TanStack Start 用户提供一流的集成和身份验证解决方案,并与 TanStack 团队密切合作,确保 TanStack Start 提供与最新身份验证最佳实践保持同步的 API。
  • Netlify Netlify logo 领先的 Web 应用程序托管平台,为部署您的 Web 应用程序提供快速、安全和可靠的环境。我们与 Netlify 密切合作,确保 TanStack Start 应用程序不仅能够无缝部署到他们的平台,还能实现性能、安全性和可靠性的最佳实践,无论您最终部署到哪里。
  • Neon Neon logo 专为现代全栈应用程序构建的无服务器、自动扩展 Postgres 解决方案。Neon 为 TanStack Start 提供丰富的集成机会,包括服务器函数和数据库支持的路由。我们共同为使用 TanStack 的开发者简化数据库体验。
  • Convex Convex logo 与 TanStack Start 无缝集成的无服务器数据库平台。Convex 旨在简化管理应用程序数据的过程,并提供与 TanStack Start 应用程序配合良好的实时、可扩展和事务性数据后端。Convex 还与 TanStack 团队密切合作,确保 TanStack Start 提供与最新数据库最佳实践保持同步的 API。
  • Sentry Sentry logo 与 TanStack Start 无缝集成的强大、功能齐全的可观测性平台。Sentry 帮助开发者实时监控和修复崩溃,并提供有关应用程序性能和错误跟踪的洞察。Sentry 与 TanStack 团队密切合作,确保 TanStack Start 提供与最新可观测性最佳实践保持同步的 API。

准备开始了吗?

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