用途:为 Next.js App Router 提供规范化的数据获取模式,帮助在实现或审查数据获取逻辑时做出正确的策略选择。
主要能力:给出数据获取策略决策树,区分公开数据、用户专属数据、实时轮询与用户触发的变更;覆盖 Server Component 中 fetch() 的缓存与再验证(force-cache、默认动态、next.revalidate)、并行获取(Promise.all)、Suspense 流式渲染、Server Actions 变更与 revalidatePath、以及客户端 React Query/SWR 处理轮询与实时场景。
使用方式:优先在 Server Component 中获取数据;并行请求用 Promise.all 批处理;按需选择时间再验证或按需再验证;用 loading.tsx 或 Suspense 处理加载态,error.tsx 处理错误态;变更操作使用 Server Actions 而非 API 路由;敏感数据仅在服务端获取。
适用场景:Next.js App Router 项目的页面数据获取、仪表盘并行加载、慢数据流式渲染、表单变更与缓存再验证、需要轮询或窗口聚焦刷新的客户端场景。
限制:资料未提供具体版本要求、依赖安装命令、性能数据或收费信息;示例中的 API 地址与数据库调用仅为示意。