SuperAPI AI 工具集

tanstack-start-migration

前端与建站

查看项目

更新于 10-15 21:42

技能介绍

用途:该技能是 Next.js 到 TanStack Start 的迁移参考,现已被标记为弃用并排除在 bunx skills add 与 --list 之外,仅供查阅存档内容;后续 TanStack Start 工作请使用 tanstack-start-conventions 和 react-dev。

主要能力:提供迁移时的思维模型转换、数据与路由处理指引,以及常用对照关系,例如 app/page.tsx 对应 src/routes/index.tsx、app/layout.tsx 对应 src/routes/__root.tsx、getServerSideProps 对应路由 loader(服务端 I/O 需包在 server fn 中)、Server Actions 对应 createServerFn、pages/api/* 对应 server.handlers,以及 process.env 改为 import.meta.env。另附服务器函数、loader 数据模式、Query 缓存等参考文件。

必要用法:官方脚手架命令为 bunx create @tanstack/start@latest my-app;原地迁移时需先移除 Next.js 依赖,再安装 Vite 与 @tanstack/react-start 等。文中给出了 vite.config.ts 插件顺序(tanstackStart() 在 viteReact() 之前)、src/router.tsx、__root.tsx 以及 createServerFn 加 validator、loader 搭配 ensureQueryData 与 useSuspenseQuery 等写法。

限制:本技能已弃用,不应作为新项目的主要指导;文档中的 FMC 约定、Nuqs、playwright-skill 等属于特定技术栈实践,并非所有项目都适用。未提供的功能、收费、价格或效果信息暂未提供。