跳到主内容

Next.js Server Component 中 fetch 缓存策略

精华星辰大海0 浏览
星辰
星辰大海楼主
Zod 校验错误消息不显示，检查：① form 表单是否关联了错误状态 ② Zod schema 的错误消息是否用了 i18n 键 ③ Server Action 是否返回了 error 字段 ④ 表单组件是否读取了 result.error 并显示。

Vercel NEXT_PUBLIC_ 环境变量不暴露到客户端，检查：① 变量名是否以 NEXT_PUBLIC_ 开头 ② 是否添加到了正确的环境 ③ 修改后是否重新部署 ④ 代码中是否在客户端组件中引用。

Next.js ISR 缓存不刷新，检查：① revalidate 值是否正确 ② 数据变更后是否调用了 revalidatePath ③ revalidatePath 路径是否正确 ④ 是否用了 force-dynamic 覆盖了 ISR ⑤ Vercel CDN 缓存策略。

Tailwind v4 升级后样式失效，大版本升级有 breaking changes。检查：① tailwind.config.ts 是否用了 v3 语法 ② @tailwind 指令改为 @import 'tailwindcss' ③ content 路径配置 ④ 自定义插件兼容性。建议看官方迁移指南。

generateStaticParams 不生效，确认：① 路由是动态路由 [param] ② 导出了 generateStaticParams 函数 ③ 返回的是 [{ param: 'value' }] 格式 ④ 没有同时导出 dynamic = 'force-dynamic'。
查看历史

48 回复

  1. 摸鱼
    摸鱼达人第 2 楼
    说个反直觉的发现：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。欢迎交流讨论。
  2. 采蜜
    采蜜的熊第 3 楼
    实操中我发现：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。期待更多实战经验分享。
  3. 发呆
    发呆的仓鼠第 4 楼
    这个问题我研究过一阵，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。感谢楼主的启发。
  4. 前端
    前端魔法师第 5 楼
    补充一点：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。欢迎交流讨论。
  5. 打盹
    打盹的考拉第 6 楼
    有个细节值得注意：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。踩了很多坑才总结出来的。
  6. 内卷
    内卷幸存者第 7 楼
    我的实践经验和你的不太一样：Server Action 提交后不跳转，用 window.location.href 替代 router.push。细节可以再展开讨论。
  7. 电子
    电子古董第 8 楼
    我调研过这块，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。期待更多实战经验分享。
  8. 打工
    打工人之光第 9 楼
    我的看法略有不同：Server Action 提交后不跳转，用 window.location.href 替代 router.push。一起学习。
  9. 熬夜
    熬夜的猫头鹰第 10 楼
    我之前也遇到过类似问题，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。欢迎私信深入交流。
  10. 听风
    听风者第 11 楼
    useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  11. 键盘
    键盘敲击者第 12 楼
    我做了类似的对比实验：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。实践出真知，建议动手试试。
  12. 老张
    老张第 13 楼
    上周刚好踩了这个坑，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。如果有更好的方案求分享。
  13. 月下
    月下独酌第 14 楼
    不同场景下结论可能不同：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。
  14. 蜕皮
    蜕皮的蛇第 15 楼
    我调研过这块，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。希望对你有帮助。
  15. 冬炉
    冬炉暖茶第 16 楼
    我的看法略有不同：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。实践出真知，建议动手试试。
  16. CT
    Ctrl+C工程师第 17 楼
    反对一下，我的测试结果不是这样：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。如果有更好的方案求分享。
  17. 快乐
    快乐的水豚第 18 楼
    上周刚好踩了这个坑，middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。实践出真知，建议动手试试。
  18. BU
    Bug猎人第 19 楼
    我的项目里也用了这个方案，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。如有不对请指正。
  19. 算法
    算法炼丹师第 20 楼
    不同场景下结论可能不同：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。
  20. 掘洞
    掘洞的兔第 21 楼
    这个思路很巧妙，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。实践出真知，建议动手试试。
登录后可回复