用途:这是 TanStack Start 的入口技能,用于在多个子工作流中选定一个主要方向,而不是一次性加载全部子技能。TanStack Start 是构建在 TanStack Router 与 Vite 之上的全栈 React 框架,提供 SSR、流式渲染、服务端函数(类型安全 RPC)、中间件、服务端路由与通用部署。
主要能力与子技能导航:类型安全 RPC、数据获取与变更对应 server-functions;请求/函数中间件、上下文与鉴权对应 middleware;服务端鉴权(会话、Cookie、OAuth、CSRF)对应 auth-server-primitives;同构执行与环境边界对应 execution-model;REST API 端点对应 server-routes;托管、SSR 模式、预渲染与 SEO 对应 deployment。
关键约束:所有代码默认同构,在服务端与客户端都会运行,loader 亦然;仅在服务端运行的代码须用 createServerFn。它不是 Next.js,不要生成 getServerSideProps、"use server" 指令或 app/layout.tsx 等模式。类型完全推断,不要强制转换或标注推断值。
项目搭建:安装 npm i @tanstack/react-start @tanstack/react-router react react-dom 与 npm i -D vite @vitejs/plugin-react typescript;在 vite.config.ts 中 tanstackStart() 必须位于 react() 之前;用 createRouter 与 routeTree.gen 创建 getRouter();根路由需在 body 中渲染 HeadContent、Outlet 与 Scripts,缺少 Scripts 会导致水合失败;tsconfig 中不要启用 verbatimModuleSyntax。
限制:资料未提供收费、价格与平台信息;版本针对 @tanstack/start-client-core v1.170.14。