Vibecoding 出海建站必备资源包(持续更新)
Prisma 迁移最佳实践:① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 图标库推荐:Lucide Re...
Prisma 迁移最佳实践:① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 图标库推荐:Lucide Re...
AI 编程 Prompt 速查手册:代码生成(描述需求+技术栈+约束)、Bug 修复(贴报错+代码+期望)、重构(贴代码+目标)、测试(贴代码+覆盖场景)、文档(贴代码+文档类型)。每个场景一个标准 Prompt 模板。 Cursor .cursorrules 模板按技术栈分类:Next.js 通...
AI 编程学习路径:① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨...
开源 Admin Dashboard 模板:① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择:简单后台用 shadcn-admin,复杂 CRUD 用 refine,需要 ORM 集成用 adminjs。 Next...
AI 编程学习路径:① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨...
Next.js 图片优化:用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 免费 CDN:Cloudfla...
Server Action 代码模板:包含 Zod 校验、权限检查、事务处理、错误处理、revalidatePath、i18n 错误消息的标准模板。复制后替换业务逻辑即可,确保符合 Server Action 规范。 图标库推荐:Lucide React(Shadcn 默认,2000+ 图标)、H...
Next.js 测试模板:Vitest 配置(jsdom 环境、setup 文件)、组件测试模板、Server Action 测试模板、Playwright E2E 模板。测试覆盖率目标:核心逻辑 80%+,UI 交互 60%+。 SEO 内容写作模板:① 标题公式(关键词+价值主张+品牌)② d...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 整理了 10 个我...
Next.js 图片优化:用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 出海建站资源包:域名注册用 N...
Tailwind 组件灵感:① Tailwind UI(官方,部分付费)② HyperUI(免费开源)③ Preline UI(免费)④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents(社区)。先看灵感再自己写,比直接复制学到的更多。 Next.js 错误处理模...
Prompt 工程学习资源:① OpenAI Prompt Engineering Guide(官方)② Anthropic Prompt Engineering ③ Learn Prompting(开源教程)④ Prompt Engineering Guide(DAIR.AI)⑤ DeepLear...
AI 编程 Prompt 模板库推荐:① awesome-cursorrules(GitHub 上的 .cursorrules 集合)② promptbase(Prompt 市场)③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt lib...
开源 Admin Dashboard 模板:① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择:简单后台用 shadcn-admin,复杂 CRUD 用 refine,需要 ORM 集成用 adminjs。 AI 编...
SEO 工具大全:关键词研究用 Ahrefs/SEMrush/Ubersuggest,排名监控用 Google Search Console/AccuRanker,技术 SEO 用 Screaming Frog/Sitebulb,内容优化用 Surfer SEO/Clearscope,免费替代用 G...
Next.js 代码规范模板:ESLint 配置(next/core-web-vitals + jsx-a11y + import)、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范,减少 Code Review 争论。 Vibecoding 工作流模板...
AI 编程 Prompt 速查手册:代码生成(描述需求+技术栈+约束)、Bug 修复(贴报错+代码+期望)、重构(贴代码+目标)、测试(贴代码+覆盖场景)、文档(贴代码+文档类型)。每个场景一个标准 Prompt 模板。 出海产品配色方案:① 蓝色系(信任感,SaaS 常用)② 绿色系(增长,金融...
AI 降 AI 率工具:① GPTZero ② Originality.ai ③ Copyleaks ④ Winston AI。检测工具仅供参考,真正的降 AI 率靠人工改写:加入个人经验、口语化表达、不完美语法、具体案例。 免费 SSL 证书:Let's Encrypt(最流行,90 天续期)、...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 Vibecodin...
Server Action 代码模板:包含 Zod 校验、权限检查、事务处理、错误处理、revalidatePath、i18n 错误消息的标准模板。复制后替换业务逻辑即可,确保符合 Server Action 规范。 SaaS Boilerplate 横评:① ShipFast(Next.js +...