跳到主要内容

TanStack-Start

TanStack Start

  • TanStack Start 是一个支持 SSR(服务端渲染)的 React 全栈框架

TanStack是基于Vite生态

TanStack Start 和 Next.js​

对比维度TanStack StartNext.js
底层框架ReactReact
路由TanStack RouterApp Router / Pages Router
SSR 服务端渲染支持支持
CSR 客户端渲染支持支持
SSG 静态生成支持静态预渲染支持,能力更成熟
流式 SSR支持支持
Server FunctionscreateServerFnServer Actions / Functions
数据获取Loader、Server FunctionsServer Components、fetch 等
类型安全路由原生强类型支持类型化路由
React Server Components非核心架构App Router 核心能力
构建工具Vite / Vite 生态Turbopack
部署Node、Serverless、Edge 等,视适配器而定Node、Serverless、Edge、静态
生态成熟度相对年轻非常成熟
学习难度中等,需理解 TanStack 体系中等偏高,需理解 RSC 与缓存边界
企业使用经验相对较少大量生产实践

TanStack Start 的三个核心能力​

  • createFileRoute
  • loader
  • createServerFn