Vercel Edge Runtime 不支持 Prisma

赛博

2025/12/26 02:44:33

Next.js 15 中 next/dynamic + ssr:false 在 Server Component 中不允许。解决：创建一个 'use client' 的包装组件，在包装组件中用 next/dynamic + ssr:false，然后在 Server Component 中导入这个包装组件。

Vercel Edge Runtime 不支持 Prisma，因为 Prisma 依赖 Node.js 原生模块。Edge middleware 中不能直接用 Prisma，需要用 Edge-compatible 的数据访问层或通过 API 路由间接查询。

Prisma 事务中 create 返回的 id 在 commit 前可能不可用。如果需要用 id 生成 slug，可以在事务内先 create 再 update slug，或用 cuid() 手动生成 id。注意 Prisma @default(cuid()) 在 create 时生成。

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

查看历史

59 回复

前端

前端魔法师第 2 楼2025/12/26 17:08:33

我调研过这块，next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。这只是个人经验，不一定通用。

并发

并发摆渡人第 3 楼2025/12/26 17:08:33

我调研过这块，Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。

潜水

潜水员第 4 楼2025/12/26 17:08:33

Server Action 提交后不跳转，用 window.location.href 替代 router.push。

无所

无所谓第 5 楼2025/12/30 03:44:26

不同场景下结论可能不同：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。实践出真知，建议动手试试。

听风

听风者第 6 楼2025/12/30 17:00:35

我的理解是：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。欢迎大家补充。

栈溢

栈溢出幸存者第 7 楼2026/01/01 10:10:49

我的项目里也用了这个方案，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。效果因项目而异，建议实际测试。

老张

老张第 8 楼2026/01/02 20:16:32

Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。

数据

数据淘金客第 9 楼2026/01/03 19:17:51

补充一个边界情况：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。希望对你有帮助。

Ctrl+C工程师第 10 楼2026/01/06 23:16:31

上周刚好踩了这个坑，Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。欢迎交流讨论。

吃瓜

吃瓜群众第 11 楼2026/01/07 01:02:57

我的结论恰恰相反：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。如有不对请指正。

打盹

打盹的考拉第 12 楼2026/01/09 06:55:14

我的理解是：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。后续有新发现再来更新。

算法

算法炼丹师第 13 楼2026/01/09 21:29:22

实操中我发现：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。细节可以再展开讨论。

Bug猎人第 14 楼2026/01/09 22:56:25

有个细节值得注意：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。共同进步。

键盘

键盘敲击者第 15 楼2026/01/10 01:45:51

补充一个边界情况：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。希望少走弯路。

发呆

发呆的仓鼠第 16 楼2026/01/11 19:08:48

这个问题我研究过一阵，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。效果因项目而异，建议实际测试。

阿杰

阿杰第 17 楼2026/01/16 17:29:26

我的理解是：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。欢迎交流讨论。

Stack Overflow copy手第 18 楼2026/01/19 10:19:14

我的踩坑经验：Server Action 提交后不跳转，用 window.location.href 替代 router.push。后续有新发现再来更新。

数星

数星星第 19 楼2026/01/21 12:39:11

结合我最近的项目经验：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。期待更多实战经验分享。

拾光

拾光者第 20 楼2026/01/22 16:42:33

有个细节值得注意：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。共同进步。

互联

互联网遗民第 21 楼2026/01/23 11:38:26

实操中我发现：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。踩了很多坑才总结出来的。

登录后可回复