遇到 hydration mismatch 报错，一般是服务端和客户端渲染的 HTML 不一致。常见原因：① 在组件中用了 Date.now() 或 Math.random() ② 用了 window/document 等浏览器 API ③ 服务端和客户端时区不同。解决：把动态值放到 useEffect 里设置，或加 suppressHydrationWarning。 Shadcn UI 组件在 Server Component 报错，因为部分组件用了 Radix UI（Client Component）。确保使用 Shadcn 组件的页面或父组件加了 'use client'，或者把组件包裹在 Client Component wrapper 中。 revalidateTag vs revalidatePath：revalidateTag 清除特定 tag 的缓存（fetch 时用 next.tags 标记），revalidatePath 清除特定路径的缓存。数据变更后 revalidatePath 更直接，精细控制用 revalidateTag。
有个相关问题想请教：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。如有不对请指正。
讲个真实案例：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。感谢楼主的启发。
我的结论恰恰相反：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。希望对你有帮助。
结合我最近的项目经验：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。后续有新发现再来更新。
补充一个可能被忽略的点：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。欢迎私信深入交流。
补充一个可能被忽略的点：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。一起学习。
实操中我发现：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。后续有新发现再来更新。
分享一下我的做法：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。
实操中我发现：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。仅供参考，具体还是要看你的场景。
这个问题我研究过一阵，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。一起学习。
cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。
我的项目里也用了这个方案，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。希望少走弯路。
我调研过这块，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。仅供参考，具体还是要看你的场景。
有个细节值得注意：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
补充一个可能被忽略的点：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。一起学习。
补充一个可能被忽略的点：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。
补充一个可能被忽略的点：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。希望少走弯路。
有个更优的方案：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。共同进步。
上周刚好踩了这个坑，cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。欢迎交流讨论。
useSession() 返回 null 检查 SessionProvider 是否包裹了组件。