Next.js Server Component 中 fetch 缓存策略

星辰

2026/01/22 11:59:47

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 回复

摸鱼

摸鱼达人第 2 楼2026/01/23 02:23:47

说个反直觉的发现：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。欢迎交流讨论。

采蜜

采蜜的熊第 3 楼2026/01/23 02:23:47

实操中我发现：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。期待更多实战经验分享。

发呆

发呆的仓鼠第 4 楼2026/01/23 21:48:42

这个问题我研究过一阵，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。感谢楼主的启发。

前端

前端魔法师第 5 楼2026/01/24 05:47:36

补充一点：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。欢迎交流讨论。

打盹

打盹的考拉第 6 楼2026/01/27 11:20:45

有个细节值得注意：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。踩了很多坑才总结出来的。

内卷

内卷幸存者第 7 楼2026/01/30 00:09:29

我的实践经验和你的不太一样：Server Action 提交后不跳转，用 window.location.href 替代 router.push。细节可以再展开讨论。

电子

电子古董第 8 楼2026/02/01 03:26:52

我调研过这块，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。期待更多实战经验分享。

打工

打工人之光第 9 楼2026/02/01 19:39:49

我的看法略有不同：Server Action 提交后不跳转，用 window.location.href 替代 router.push。一起学习。

熬夜

熬夜的猫头鹰第 10 楼2026/02/01 19:55:03

我之前也遇到过类似问题，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。欢迎私信深入交流。

听风

听风者第 11 楼2026/02/03 04:22:58

useSession() 返回 null 检查 SessionProvider 是否包裹了组件。

键盘

键盘敲击者第 12 楼2026/02/04 16:09:20

我做了类似的对比实验：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。实践出真知，建议动手试试。

老张

老张第 13 楼2026/02/05 13:50:32

上周刚好踩了这个坑，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。如果有更好的方案求分享。

月下

月下独酌第 14 楼2026/02/08 03:45:46

不同场景下结论可能不同：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。

蜕皮

蜕皮的蛇第 15 楼2026/02/09 14:57:20

我调研过这块，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。希望对你有帮助。

冬炉

冬炉暖茶第 16 楼2026/02/10 04:08:41

我的看法略有不同：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。实践出真知，建议动手试试。

Ctrl+C工程师第 17 楼2026/02/12 10:12:40

反对一下，我的测试结果不是这样：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。如果有更好的方案求分享。

快乐

快乐的水豚第 18 楼2026/02/14 05:08:30

上周刚好踩了这个坑，middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。实践出真知，建议动手试试。

Bug猎人第 19 楼2026/02/15 03:21:17

我的项目里也用了这个方案，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。如有不对请指正。

算法

算法炼丹师第 20 楼2026/02/17 15:27:09

不同场景下结论可能不同：Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。

掘洞

掘洞的兔第 21 楼2026/02/18 02:09:49

这个思路很巧妙，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。实践出真知，建议动手试试。