next-intl t() 模板字符串拼接报错，因为动态拼接翻译键不被支持。用显式 Record 映射替代 t(`${type}Opt`)，改为 const labels: Record<string, string> = { ... } 然后 labels[type]。
Next.js 路由组 layout 中调用 auth() 报错，因为 layout 是所有子页面的公共外壳，async layout 会拖慢导航。解决：layout 保持同步，用客户端组件 + useSession() 读取 session 缓存。
React Server Component 中使用 useState 报错，因为 Server Component 不能用 hooks。解决：① 把需要状态的组件拆成 Client Component（加 'use client'） ② 父组件保持 Server Component 做数据获取，子组件 Client 做交互。有个更优的方案：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。希望对你有帮助。
Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。
Server Action 提交后不跳转，用 window.location.href 替代 router.push。
我的结论恰恰相反：Server Action 提交后不跳转，用 window.location.href 替代 router.push。这只是个人经验，不一定通用。
讲个真实案例：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。希望少走弯路。
Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。
不同场景下结论可能不同：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。
讲个真实案例：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。我也还在探索中。
上周刚好踩了这个坑，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。欢迎大家补充。
我调研过这块，middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。希望对你有帮助。
上周刚好踩了这个坑，middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。如果有更好的方案求分享。
这个方案我试过，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。希望少走弯路。
我之前也遇到过类似问题，Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。实践出真知，建议动手试试。
这个问题我研究过一阵，cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。欢迎交流讨论。
有个更优的方案：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。这只是个人经验，不一定通用。
补充一个边界情况：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。
有个更优的方案：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。一起学习。
我的看法略有不同：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
有个相关问题想请教：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。踩了很多坑才总结出来的。
分享一下我的做法：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。