跳到主内容

Next.js 中 unstable_cache 用法

置顶潜水员0 浏览
潜水
潜水员楼主
React Server Component 中使用 useState 报错,因为 Server Component 不能用 hooks。解决:① 把需要状态的组件拆成 Client Component(加 'use client') ② 父组件保持 Server Component 做数据获取,子组件 Client 做交互。

Prisma migrate 报 database does not exist,需要先创建数据库。用 npx prisma db push 或手动 createdb。如果是 Vercel Postgres 或 Supabase,确保 DATABASE_URL 指向正确的数据库实例。

Vercel Hobby 计划函数超时 10s,Pro 计划 60s,Enterprise 900s。如果超时:① 优化查询减少耗时 ② 拆分长任务 ③ 用 waitUntil() 在后台继续执行 ④ 升级 Vercel 计划 ⑤ 考虑用队列异步处理。

Prisma 连接池超时一般是 connection_limit 设置不当。Serverless 环境(Vercel)建议 connection_limit=1,因为每个函数实例独立连接。如果用 PgBouncer 或 Supabase connection pooler,URL 加 ?pgbouncer=true&connection_limit=1。

Prisma enum 在 TypeScript 中报错,确保:① 运行了 prisma generate ② import { Prisma } from '@prisma/client' 取枚举值 ③ 不要用字符串字面量而用 Prisma.EnumType 枚举 ④ schema 中 enum 定义正确。
查看历史

15 回复

  1. 搬家
    搬家的蚂蚁第 2 楼
    这个思路很巧妙,Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。踩了很多坑才总结出来的。
  2. 熬夜
    熬夜的猫头鹰第 3 楼
    不同场景下结论可能不同:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。如有不对请指正。
  3. 无所
    无所谓第 4 楼
    有个相关问题想请教:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。一起学习。
  4. 老张
    老张第 5 楼
    我做了类似的对比实验:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。如有不对请指正。
  5. 发呆
    发呆的仓鼠第 6 楼
    我的实践经验和你的不太一样:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。欢迎大家补充。
  6. 月下
    月下独酌第 7 楼
    讲个真实案例:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
  7. 慢慢
    慢慢来第 8 楼
    Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
  8. 夏蝉
    夏蝉鸣夜第 9 楼
    实操中我发现:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。共同进步。
  9. 躺平
    躺平选手第 10 楼
    我的结论恰恰相反:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。感谢楼主的启发。
  10. 回滚
    回滚艺术家第 11 楼
    说个反直觉的发现:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。一起学习。
  11. 内存
    内存管理员第 12 楼
    结合我最近的项目经验:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。仅供参考,具体还是要看你的场景。
  12. 注释
    注释写故事第 13 楼
    补充一点:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。仅供参考,具体还是要看你的场景。
  13. 00
    007志愿者第 14 楼
    我的看法略有不同:Server Action 提交后不跳转,用 window.location.href 替代 router.push。
  14. 近水
    近水含烟第 15 楼
    分享一下我的做法:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。仅供参考,具体还是要看你的场景。
  15. 冲浪
    冲浪的海豹第 16 楼
    我的看法略有不同:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。后续有新发现再来更新。
登录后可回复