SuperAPI AI 工具集

start-core

办公与效率

查看项目

更新于 10-16 00:00

技能介绍

用途:TanStack Start 是基于 TanStack Router 和 Vite 的全栈 React 框架,提供 SSR、流式渲染、服务端函数(类型安全 RPC)、中间件、服务端路由与通用部署。本技能是其核心总览,并指向多个子技能。

主要能力与子技能:服务端函数(类型安全 RPC、数据获取与变更)、中间件(请求/函数中间件、上下文、鉴权)、服务端鉴权原语(会话、Cookie、OAuth、CSRF)、执行模型(同构执行与环境边界)、服务端路由(REST API 端点)、部署(托管、SSR 模式、预渲染、SEO)。

关键约束:所有代码默认同构,在服务端与客户端都运行,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 配置中 tanstackStart() 必须放在 react() 之前。需创建 getRouter() 路由工厂,并在根路由中渲染 HeadContent、Outlet 与 Scripts(Scripts 缺失会导致水合失败)。tsconfig 中不要启用 verbatimModuleSyntax。

版本:面向 @tanstack/react-start v1.166.2 与 @tanstack/start-client-core v1.166.2。

限制:资料未提供收费、价格、平台支持范围与效果数据。