资源分享

SEO 内容写作模板：① 标题公式（关键词+价值主张+品牌）② description（120-160 字符）③ H1/H2/H3 结构 ④ 首段含关键词 ⑤ 内链 2-3 个 ⑥ 图片 alt 属性 ⑦ 结论+CTA。按模板写保证 SEO 基础达标。 Next.js SEO 配置模板分享：包含...

SaaS Boilerplate 横评：① ShipFast（Next.js + Stripe，$299）② Next SaaS Starter（开源）③ SaaS Starter Kit ④ Turbo SaaS ⑤ Makerkit。按预算和技术栈选择，付费的省时间，开源的省钱。 Vibeco...

Next.js 图片优化：用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 出海建站资源包：域名注册用 N...

补充一点：如果团队里有人对这块不熟，建议先做个 15 分钟的内部分享再推进，共识成本远低于返工成本。 踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。

免费 SSL 证书：Let's Encrypt（最流行，90 天续期）、Cloudflare（CDN + SSL 一体）、ZeroSSL（Let's Encrypt 替代）。Vercel/Netlify 部署的站点自动配 SSL，无需额外配置。 AI 编程 Prompt 速查手册：代码生成（描述需...

AI 编程学习路径：① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨...

Cursor .cursorrules 模板按技术栈分类：Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码...

国际化翻译文件模板：分享一套 zh.json + en.json 模板，包含 auth/forum/dashboard/errors/common 五个命名空间，ICU 插值格式，最多 2 层嵌套。符合 next-intl 规范，直接复制修改。 Shadcn UI 定制主题：用 Shadcn CL...

AI 编程工具快捷键：Cursor（Cmd+K 生成、Cmd+L 聊天、Cmd+I Composer）、Copilot（Tab 接受、Cmd+I Chat）、Windsurf（Cmd+I Cascade）、VS Code 通用（Cmd+P 文件、Cmd+Shift+P 命令）。打印出来贴桌上。 P...

Auth.js 认证模板：包含 credentials provider（邮箱密码）、Google OAuth、GitHub OAuth、JWT callback、session callback、middleware 认证。开箱即用的认证方案，复制到项目即可。 Next.js 部署平台：Verc...

Next.js 测试模板：Vitest 配置（jsdom 环境、setup 文件）、组件测试模板、Server Action 测试模板、Playwright E2E 模板。测试覆盖率目标：核心逻辑 80%+，UI 交互 60%+。 SEO 内容写作模板：① 标题公式（关键词+价值主张+品牌）② d...

开源 Admin Dashboard 模板：① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择：简单后台用 shadcn-admin，复杂 CRUD 用 refine，需要 ORM 集成用 adminjs。 Vibe...

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 最近在实际项目里反复验证了这套做法，今天抽空整理出来。先说结论：{kw}这件事，方法论比工具选择更重要，工具只是放大器。 效果数据方面，同样的任务量，整体耗时大概降了三成，返工率也明显下降。当然样本有限，仅供参考。

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。 利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 具体步骤： 1. 先跑通最小闭环； 2. 再逐步替换流程节点； 3. 每一步都留回退方案。别一上来就全量替换，出问题很难定位。

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 最近在实际项目里反复验证了这套做法，今天抽空整理出来。先说结论：{kw}这件事，方法论比工具选择更重要，工具只是放大器。 具体步骤： 1. 先跑通最小闭环； 2. 再逐步替换流程节点； 3. 每一步都留回退方案。别一上来就全量替换，出问题很难定位。

踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。

Vercel 优化清单：① 函数冷启动优化 ② Edge Runtime ③ ISR 缓存 ④ 图片优化 ⑤ 字体优化 ⑥ 代码分割 ⑦ 第三方脚本优化 ⑧ build 配置 ⑨ 环境变量管理 ⑩ 域名和 HTTPS。每项都有对应的 Vercel 功能支持。 国际化翻译文件模板：分享一套 zh.j...

Prisma 迁移最佳实践：① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 Next.js 测试模板：Vi...

出海域名选择：① .com 最通用 ② .ai 适合 AI 产品（贵但流行）③ .io 适合技术产品 ④ .dev 适合开发者工具 ⑤ .co 短且便宜。注册商推荐 Porkbun（便宜）、Namecheap（服务好）、Cloudflare（成本价）。 出海产品配色方案：① 蓝色系（信任感，Saa...

Next.js 性能监控：① Vercel Analytics（官方）② Speed Insights ③ Web Vitals ④ Sentry Performance ⑤ Datadog RUM。免费方案用 Vercel Analytics + Web Vitals，生产环境加 Sentry。...