Teach Workspace

TanStack + Cloudflare：给 Next.js 工程师的差异教程

你不是来学 React 入门的。你是来判断：TanStack Start/Router/Query 到底解决了 Next.js 哪些痛点，以及为什么它和 Cloudflare Workers 的组合被频繁推荐。

目标：差异理解目标：全栈实践部署：Cloudflare Workers/Pages 视角读者：React/Next.js 熟手

课程路径

01. 心智模型差异

Next 的平台优先 vs TanStack 的显式控制。先拆幻觉，再写代码。

02. Router 与 Search Params

TanStack Router 真正强的地方：类型安全路由、URL 状态、loader 生命周期。

03. Data Loading 与缓存

Router cache、TanStack Query、Next fetch/cache/RSC 的边界。缓存地狱，换个入口。

04. Cloudflare 全栈落地

Workers、Vite plugin、server functions、bindings、D1/R2/KV 的实际组合方式。

你应该带着的问题

什么时候 TanStack Start 比 Next.js 更适合？什么时候只是社媒噪音？
TanStack Router 的类型安全是否真的能减少生产 bug？
Cloudflare Workers 上跑 Start，和 Vercel 上跑 Next 的平台边界有什么不同？
全栈项目里，server functions、loaders、Query、D1/R2/KV 应该怎么分工？

学习方式：每节课很短，带一个判断题/练习。页面是静态的；你的点击不会回传。是的，网页还没有学会监视你。我们先保持文明。