SWR 版瀑布流:加载更多

经典分层取数:第一页服务端组件用 Next 强化 unstable_cache 取数、SSR 渲染进 HTML;后续页客户端组件 用 useSWRInfinite 在滚动触底时加载。

客户端组件 —— 已加载 0 张卡片(第 1 页,第一页来自服务端)

加载中…

服务端侧取数(关键认知)

服务端组件拿数据 不用 axios,用 Next 强化过的 fetchunstable_cache —— 因为只有它们能接入 Next 的四层缓存(第 4 章)。axios 请求的结果不会被 Next 缓存,只在客户端用。