拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/求助问答

    Vercel 环境变量 NEXT_PUBLIC 不暴露到客户端

    栈溢出幸存者·2025/05/31 11:17:17·0 浏览
    站内论坛
    教程论坛排行榜徽章
    栈溢
    栈溢出幸存者楼主
    2025/05/31 11:17:17
    revalidateTag vs revalidatePath:revalidateTag 清除特定 tag 的缓存(fetch 时用 next.tags 标记),revalidatePath 清除特定路径的缓存。数据变更后 revalidatePath 更直接,精细控制用 revalidateTag。
    
    Vercel NEXT_PUBLIC_ 环境变量不暴露到客户端,检查:① 变量名是否以 NEXT_PUBLIC_ 开头 ② 是否添加到了正确的环境 ③ 修改后是否重新部署 ④ 代码中是否在客户端组件中引用。
    
    Vercel Hobby 计划函数超时 10s,Pro 计划 60s,Enterprise 900s。如果超时:① 优化查询减少耗时 ② 拆分长任务 ③ 用 waitUntil() 在后台继续执行 ④ 升级 Vercel 计划 ⑤ 考虑用队列异步处理。
    
    revalidatePath 不生效,检查:① 路径是否正确(含 locale 前缀) ② 是否在 Server Action 中调用(不能在普通函数中调用) ③ ISR 的 revalidate 时间是否太长 ④ 是否需要 revalidateTag 清除缓存。
    
    Prisma 软删除查询过滤重复,用 middleware 自动过滤 deletedAt: null。Prisma 6 支持 extends 中间件,在 query 前自动加 deletedAt 过滤条件,避免每次查询都手动加。
    查看历史

    20 回复

    1. 数据
      数据淘金客第 2 楼2025/06/01 01:41:17
      补充一个边界情况:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。一起学习。
    2. 无所
      无所谓第 3 楼2025/06/04 20:43:40
      这个观点我很认同,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。
    3. 键盘
      键盘敲击者第 4 楼2025/06/05 23:36:00
      我做了类似的对比实验:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。这只是个人经验,不一定通用。
    4. 结网
      结网的蜘蛛第 5 楼2025/06/06 11:26:36
      讲个真实案例:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。如果有更好的方案求分享。
    5. 快乐
      快乐的水豚第 6 楼2025/06/10 21:23:29
      说说我自己的经历:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
    6. 打工
      打工人之光第 7 楼2025/06/13 15:22:36
      结合我最近的项目经验:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。如有不对请指正。
    7. 竹林
      竹林深处第 8 楼2025/06/25 17:48:10
      我的项目里也用了这个方案,Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。实践出真知,建议动手试试。
    8. 阿杰
      阿杰第 9 楼2025/06/26 11:21:50
      有个细节值得注意:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。效果因项目而异,建议实际测试。
    9. 拾光
      拾光者第 10 楼2025/06/26 12:51:53
      有个相关问题想请教:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。感谢楼主的启发。
    10. 逻辑
      逻辑编织者第 11 楼2025/06/30 13:42:29
      讲个真实案例:Server Action 提交后不跳转,用 window.location.href 替代 router.push。如有不对请指正。
    11. 精神
      精神小伙第 12 楼2025/07/02 08:36:22
      有个细节值得注意:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。一起学习。
    12. 等风
      等风来第 13 楼2025/07/05 19:51:56
      middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。
    13. 慢慢
      慢慢来第 14 楼2025/07/06 08:19:36
      这个方案我试过,Server Action 提交后不跳转,用 window.location.href 替代 router.push。效果因项目而异,建议实际测试。
    14. 干货
      干货搬运工第 15 楼2025/07/18 08:32:02
      我的团队是这样做的:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。欢迎大家补充。
    15. 暮色
      暮色苍茫第 16 楼2025/07/23 18:44:16
      我的理解是:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。希望对你有帮助。
    16. 快乐
      快乐星球居民第 17 楼2025/07/27 15:32:11
      我的踩坑经验:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。效果因项目而异,建议实际测试。
    17. 像素
      像素调配师第 18 楼2025/07/29 20:53:17
      不同场景下结论可能不同:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。这只是个人经验,不一定通用。
    18. 烟雨
      烟雨江南第 19 楼2025/10/26 13:10:35
      实操中我发现:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。仅供参考,具体还是要看你的场景。
    19. 回滚
      回滚艺术家第 20 楼2026/03/08 01:16:30
      讲个真实案例:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。共同进步。
    20. 断网
      断网生存者第 21 楼2026/03/10 20:06:20
      上周刚好踩了这个坑,next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。期待更多实战经验分享。
    登录后可回复
    栈溢

    栈溢出幸存者

    楼主个人主页

    帖子信息

    20 回复
    0 浏览
    3 赞
    0 收藏
    回复