展示：Next.js AI 面试官，语音 + 文字双模式

隔壁

2025/04/20 07:15:57

最有成就感的是 Core Web Vitals 全绿。LCP 优化用了 next/image + priority + next/font，INP 优化拆分了长任务用 requestIdleCallback，CLS 优化给所有图片设了 width/height。移动端测试用 PageSpeed Insights，持续监控用 Vercel Speed Insights。

部署流程：GitHub push → Vercel 自动构建 → Preview 环境 → 合并到 main → Production 环境。环境变量在 Vercel Dashboard 配置，区分 Production/Preview/Development。数据库迁移用 GitHub Actions 在部署前自动执行 prisma migrate deploy。

这个项目的代码约 60% 是 Cursor 生成的，30% 是 AI 生成后我调整的，10% 是纯手写。AI 最擅长的是 CRUD 页面、表单组件、类型定义。我手写的主要是复杂业务逻辑、认证流程、支付 Webhook 这些不能出错的部分。

安全方面做了：密码 bcrypt 哈希、API 限流（认证 5 次/15min，通用 60 次/min）、CORS 只允许主域、禁止 dangerouslySetInnerHTML、环境变量分离 NEXT_PUBLIC_ 和服务端变量。XSS 和 SQL 注入 Prisma 天然防护。

这个产品上线一个月了，目前 300 注册用户，日活 50 左右。获客渠道主要是 SEO 自然流量和 Product Hunt 发布。SEO 内容用 AI 辅助生成但人工改写降 AI 率，核心关键词排到了 Google 第一页。Product Hunt 发布当天带来了 200 注册用户。

查看历史

32 回复

Bug猎人第 2 楼2025/04/20 21:39:57

我调研过这块，这个项目技术栈和我现在做的很像，PageSpeed 98 分确实不容易，我的才 85 分需要优化了。我也还在探索中。

老张

老张第 3 楼2025/04/29 22:47:35

补充一个边界情况：这个项目技术栈和我现在做的很像，PageSpeed 98 分确实不容易，我的才 85 分需要优化了。共同进步。

拾光

拾光者第 4 楼2025/05/03 20:51:32

我调研过这块，ISR + MDX 的博客方案我也在用，revalidate: 3600 是个合理的值，太短会影响性能。后续有新发现再来更新。

佛系

佛系青年第 5 楼2025/05/05 01:29:50

说说我自己的经历：多租户 SaaS 架构能展开讲讲吗？特别是数据隔离是按 schema 还是按 tenantId 字段？一起学习。

竹林

竹林深处第 6 楼2025/05/12 00:15:02

这个问题我研究过一阵，300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。细节可以再展开讨论。

干货

干货搬运工第 7 楼2025/05/13 00:35:32

补充一个边界情况：Recharts 用 next/dynamic 懒加载是对的，我之前直接 import 导致首屏 LCP 从 1s 变成 3s。

摸鱼

摸鱼的锦鲤第 8 楼2025/05/16 03:34:28

我的踩坑经验：Server Component 和 Client Component 边界划得很清晰，我之前总是搞混导致 hydration 报错。如果有更好的方案求分享。

键盘

键盘敲击者第 9 楼2025/05/24 13:20:15

这个观点我很认同，ISR + MDX 的博客方案我也在用，revalidate: 3600 是个合理的值，太短会影响性能。有疑问可以继续问。

慢慢

慢慢来第 10 楼2025/05/27 09:13:49

我做了类似的对比实验：Auth.js JWT trigger === 'update' 这个坑我也踩过，session 不刷新真的很难排查。希望对你有帮助。

冬炉

冬炉暖茶第 11 楼2025/06/01 04:54:19

暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。

打工

打工人之光第 12 楼2025/06/02 00:05:15

我的理解是：Yjs 实时协作的方案很完整，但 Vercel Edge Runtime 上跑 WebSocket 会不会有连接数限制？踩了很多坑才总结出来的。

快乐

快乐的水豚第 13 楼2025/06/06 17:15:27

补充一个边界情况：作品完成度很高，LCP 0.9s 的数据很亮眼，请问 next/image 的 priority 是只给首屏大图加了吗？细节可以再展开讨论。

逻辑

逻辑编织者第 14 楼2025/06/07 07:58:15

有个细节值得注意：Server Component 和 Client Component 边界划得很清晰，我之前总是搞混导致 hydration 报错。如有不对请指正。

并发

并发摆渡人第 15 楼2025/06/08 22:10:30

补充一点：这个项目技术栈和我现在做的很像，PageSpeed 98 分确实不容易，我的才 85 分需要优化了。实践出真知，建议动手试试。

星辰

星辰大海第 16 楼2025/07/18 11:15:07

分享一下我的做法：多租户 SaaS 架构能展开讲讲吗？特别是数据隔离是按 schema 还是按 tenantId 字段？效果因项目而异，建议实际测试。

迷路

迷路的信鸽第 17 楼2025/08/10 02:40:21

我的项目里也用了这个方案，多租户 SaaS 架构能展开讲讲吗？特别是数据隔离是按 schema 还是按 tenantId 字段？

潜水

潜水员第 18 楼2025/09/14 19:28:15

我的踩坑经验：多租户 SaaS 架构能展开讲讲吗？特别是数据隔离是按 schema 还是按 tenantId 字段？如果有更好的方案求分享。

刚刚

刚刚好第 19 楼2025/09/20 02:25:54

说个反直觉的发现：300 注册用户日活 50，留存率不错了，我的产品日活只有注册的十分之一，求教运营经验。实践出真知，建议动手试试。

烟雨

烟雨江南第 20 楼2025/10/26 13:10:35

我调研过这块，Server Component 和 Client Component 边界划得很清晰，我之前总是搞混导致 hydration 报错。后续有新发现再来更新。

秋水

秋水长天第 21 楼2025/11/05 07:46:21

我的实践经验和你的不太一样：暗色模式用 next-themes 确实方便，我的项目也是这么做的，但要注意 suppressHydrationWarning。