垦荒学园
  • 中文

      • TanStack Start 简介

      TanStack Start 是什么？

      TanStack Start 是 TanStack 生态的全栈 React 框架。它以 TanStack Router 的路由树为应用契约，再加入全文档 SSR、Streaming、Server Functions、Server Routes、Middleware 和可部署的服务端产物。

      如果你只需要 SPA 路由，使用 TanStack Router 即可；当同一个应用还需要 SSR、服务端逻辑、API 路由、认证上下文和部署输出时，才需要 Start。

      核心能力

      能力说明
      类型安全路由params、search、loader 数据由路由树推导
      全文档 SSR服务端渲染完整 HTML，提升首屏和 SEO
      Streaming配合 Suspense 渐进式发送 UI
      Server FunctionscreateServerFn 定义同源 RPC
      Server Routes在路由文件中定义 HTTP handler
      Middleware请求上下文、认证、日志、CSRF
      可移植部署面向 Node、Serverless、Edge 等运行时

      与 Next.js / Remix 的差异

      维度TanStack StartNext.jsRemix
      路由核心TanStack RouterApp Router / PagesRoute module
      URL 状态强类型 search params多数场景手动处理URLSearchParams
      服务端调用Server FunctionsServer Actions / Route Handlersloader / action
      心智模型Client-authored, server-poweredServer Components 趋势强Web fundamentals

      Start 的特色不是“功能最多”，而是把 路由类型系统 放在全栈应用中心。

      适合场景

      • React + TypeScript 团队重视端到端类型安全
      • 已使用 TanStack Router，需要补 SSR / API / Server Functions
      • 业务系统需要 Query、Table、Form 等 TanStack 生态组合
      • 希望部署目标更灵活，不绑定单一平台

      下一步