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

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

TanStack Start 是如何获得资金支持的?

TanStack 与我们的合作伙伴紧密合作,提供最佳的开发者体验,同时提供可在任何地方使用并经过行业专家验证的解决方案。我们的每个合作伙伴在 TanStack 生态系统中都扮演着独特的角色。

  • Netlify Netlify logo 领先的 Web 应用程序托管平台,为您的 Web 应用程序部署提供快速、安全和可靠的环境。我们与 Netlify 紧密合作,确保 TanStack Start 应用程序不仅能够无缝部署到他们的平台,而且无论您最终部署到何处,都能实现性能、安全性和可靠性的最佳实践。
  • Neon Neon logo 一个无服务器、自动扩缩的 Postgres 解决方案,专为现代全栈应用程序打造。Neon 提供与 TanStack Start 丰富的集成机会,包括服务器函数和数据库支持的路由。我们共同简化了 TanStack 开发人员的数据库体验。
  • Clerk Clerk logo 为现代 Web 应用程序(包括 TanStack Start 应用程序)提供最佳的身份验证体验。Clerk 为 TanStack Start 用户提供一流的身份验证集成和解决方案,并与 TanStack 团队紧密合作,确保 TanStack Start 提供的 API 与最新的身份验证最佳实践保持同步。
  • Convex Convex logo 一个无服务器数据库平台,与 TanStack Start 无缝集成。Convex 旨在简化应用程序数据管理过程,并提供与 TanStack Start 应用程序完美配合的实时、可扩展和事务性数据后端。Convex 还与 TanStack 团队紧密合作,确保 TanStack Start 提供的 API 与最新的数据库最佳实践保持同步。
  • Sentry Sentry logo 一个强大、功能齐全的可观测性平台,与 TanStack Start 无缝集成。Sentry 帮助开发人员实时监控和修复崩溃,并提供对应用程序性能和错误跟踪的洞察。Sentry 与 TanStack 团队紧密合作,确保 TanStack Start 提供的 API 与最新的可观测性最佳实践保持同步。
  • Prisma Prisma logo 省略数据库设置,直接开始构建。Prisma Postgres 能够在几秒钟内提供生产就绪的 Postgres 数据库——无需资源配置,无需基础设施规划,也无需深夜“为什么我的连接池已满?”的调试会话。只需连接您的 TanStack 应用程序,即可开始构建重要的功能。

准备开始了吗?

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

我们的合作伙伴
Code Rabbit
Netlify
Neon
Clerk
Convex
Sentry
Prisma
订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。