Vercel 部署后 CSS 丢失，常见原因：① Tailwind content 路径没包含组件目录 ② CSS 被 PurgeCSS 误删 ③ 生产构建时 PostCSS 配置问题 ④ 部分样式只在 Client Component 中生效但被服务端渲染时缺失。
next-intl t() 模板字符串拼接报错，因为动态拼接翻译键不被支持。用显式 Record 映射替代 t(`${type}Opt`)，改为 const labels: Record<string, string> = { ... } 然后 labels[type]。
React Server Component 中使用 useState 报错，因为 Server Component 不能用 hooks。解决：① 把需要状态的组件拆成 Client Component（加 'use client'） ② 父组件保持 Server Component 做数据获取，子组件 Client 做交互。说个反直觉的发现：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。
我之前也遇到过类似问题，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。我也还在探索中。
next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。
上周刚好踩了这个坑，next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。欢迎交流讨论。
我的实践经验和你的不太一样：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。
补充一个边界情况：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
有个细节值得注意：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。欢迎大家补充。
我的踩坑经验：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。如果有更好的方案求分享。
实操中我发现：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。我也还在探索中。
我的看法略有不同：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。有疑问可以继续问。
我做了类似的对比实验：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。一起学习。
我的项目里也用了这个方案，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
Server Action 提交后不跳转，用 window.location.href 替代 router.push。
结合我最近的项目经验：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。我也还在探索中。
hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。
我调研过这块，cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。效果因项目而异，建议实际测试。
补充一点：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。如有不对请指正。
不同场景下结论可能不同：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。踩了很多坑才总结出来的。
有个更优的方案：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。如果有更好的方案求分享。
我的结论恰恰相反：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。欢迎交流讨论。