作品展示

最近在实际项目里反复验证了这套做法，今天抽空整理出来。先说结论：{kw}这件事，方法论比工具选择更重要，工具只是放大器。 踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。

踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。 效果数据方面，同样的任务量，整体耗时大概降了三成，返工率也明显下降。当然样本有限，仅供参考。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。 最后留个开放问题：大家在规模化场景下是怎么做权衡的？欢迎评论区

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

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

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

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 利益相关：纯个人实践，无任何商业合作。配置文件文末自取。

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 补充一点：如果团队里有人对这块不熟，建议先做个 15 分钟的内部分享再推进，共识成本远低于返工成本。

效果数据方面，同样的任务量，整体耗时大概降了三成，返工率也明显下降。当然样本有限，仅供参考。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。

最得意的功能是实时协作，用 Yjs + WebSocket 实现多人同时编辑。Yjs 处理 CRDT 数据同步，WebSocket 做实时通信，离线编辑用 IndexedDB 缓存。Next.js 的 API 路由做 WebSocket 中继服务器，部署在 Vercel 的 Edge Runtime...

最得意的功能是实时协作，用 Yjs + WebSocket 实现多人同时编辑。Yjs 处理 CRDT 数据同步，WebSocket 做实时通信，离线编辑用 IndexedDB 缓存。Next.js 的 API 路由做 WebSocket 中继服务器，部署在 Vercel 的 Edge Runtime...

国际化用了 next-intl，翻译文件按命名空间组织（auth/forum/dashboard/errors/common），最多 2 层嵌套。ICU 插值用 {min}/{max} 占位符。中间件做 i18n 路由处理，URL 格式 /{locale}/...。所有用户可见文本都走 t()，没有...

这个项目的 Admin 后台是独立认证体系，HMAC-SHA256 签名 session，和前台 Auth.js 完全隔离。Admin 路由在 (admin) 路由组内，独立的 layout 和 error boundary。Admin Actions 和前台 Actions 分文件存放，不混用认证...

具体步骤： 1. 先跑通最小闭环； 2. 再逐步替换流程节点； 3. 每一步都留回退方案。别一上来就全量替换，出问题很难定位。 最后留个开放问题：大家在规模化场景下是怎么做权衡的？欢迎评论区聊聊，我后续会把好的思路更新进正文。

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

这个项目的代码约 60% 是 Cursor 生成的，30% 是 AI 生成后我调整的，10% 是纯手写。AI 最擅长的是 CRUD 页面、表单组件、类型定义。我手写的主要是复杂业务逻辑、认证流程、支付 Webhook 这些不能出错的部分。 从 0 到 1 的节奏：第一天搭框架（认证 + 数据库 +...

踩坑最深的莫过于 Server Component 中 cookies().set() 和 redirect() 不兼容的问题。一开始在 page.tsx 里设置 cookie 后 redirect，cookie 死活不生效。后来改成 Server Action 就好了。另外 next/dynami...

踩坑最深的莫过于 Server Component 中 cookies().set() 和 redirect() 不兼容的问题。一开始在 page.tsx 里设置 cookie 后 redirect，cookie 死活不生效。后来改成 Server Action 就好了。另外 next/dynami...

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

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

性能数据分享一下：PageSpeed 移动端 98 分，桌面端 100 分。LCP 0.9s，INP 86ms，CLS 0.02。关键优化是 LCP 图片用 next/image + priority，首屏不用 framer-motion 改用 CSS 动画，非首屏组件全部 next/dynamic...