Vibecoding 工作流模板分享
开源 Admin Dashboard 模板:① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择:简单后台用 shadcn-admin,复杂 CRUD 用 refine,需要 ORM 集成用 adminjs。 SaaS...
开源 Admin Dashboard 模板:① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择:简单后台用 shadcn-admin,复杂 CRUD 用 refine,需要 ORM 集成用 adminjs。 SaaS...
Next.js 博客模板对比:① next-portfolio-blog(简洁)② velite(内容集合)③ contentlayer(已停更)④ next-blog-theme(Vercel 官方)⑤ hashnode(托管型)。按内容管理方式选择:MDX 文件 vs CMS vs Headle...
SaaS Boilerplate 横评:① ShipFast(Next.js + Stripe,$299)② Next SaaS Starter(开源)③ SaaS Starter Kit ④ Turbo SaaS ⑤ Makerkit。按预算和技术栈选择,付费的省时间,开源的省钱。 整理了 10...
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 命令)。打印出来贴桌上。 V...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 Next.js 错...
Cursor .cursorrules 模板按技术栈分类:Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码...
SaaS Boilerplate 横评:① ShipFast(Next.js + Stripe,$299)② Next SaaS Starter(开源)③ SaaS Starter Kit ④ Turbo SaaS ⑤ Makerkit。按预算和技术栈选择,付费的省时间,开源的省钱。 Vibeco...
AI 编程工具对比表(2024 最新):Cursor($20/月,多文件编辑最强)、Copilot($10/月,生态最全)、Windsurf($15/月,速度最快)、Cline(开源免费,需自备 API)、Trae(国产,中文最好)。按预算和场景选择。 Shadcn UI 定制主题:用 Shadc...
SEO 内容写作模板:① 标题公式(关键词+价值主张+品牌)② description(120-160 字符)③ H1/H2/H3 结构 ④ 首段含关键词 ⑤ 内链 2-3 个 ⑥ 图片 alt 属性 ⑦ 结论+CTA。按模板写保证 SEO 基础达标。 AI 降 AI 率工具:① GPTZero...
AI 编程 Prompt 速查手册:代码生成(描述需求+技术栈+约束)、Bug 修复(贴报错+代码+期望)、重构(贴代码+目标)、测试(贴代码+覆盖场景)、文档(贴代码+文档类型)。每个场景一个标准 Prompt 模板。 出海产品配色方案:① 蓝色系(信任感,SaaS 常用)② 绿色系(增长,金融...
免费中英文字体推荐:中文用 Noto Sans SC(Google Fonts)、霞鹜文楷(开源楷体)、思源黑体;英文用 Inter(最流行)、Geist(Vercel 出品)、JetBrains Mono(代码)。用 next/font 加载,自动优化和子集化。 Tailwind v4 迁移:①...
Prisma 迁移最佳实践:① 开发用 prisma migrate dev ② 生产用 prisma migrate deploy ③ schema 变更先 migrate 再改代码 ④ 索引变更检查查询影响 ⑤ 删除字段先确认无引用 ⑥ 迁移文件提交到 Git。 Next.js 测试模板:Vi...
分享一套我打磨了三个月的 vibecoding 出海 SaaS 模板:Next.js 15 + Auth.js + Prisma + Stripe + Resend + Tailwind v4 + Shadcn UI。包含认证、订阅、邮件、i18n、SEO、Admin 后台。开箱即用,省去两周搭架子...
Vibecoding 工作流模板:① 描述需求(自然语言)② AI 生成框架 ③ 人工审查逻辑 ④ AI 补充细节 ⑤ 测试验证 ⑥ 迭代优化 ⑦ 部署上线。每步都配 AI 工具,效率比传统开发提升 3-5 倍。 Next.js 错误处理模板:包含 error.tsx(路由组错误边界)、globa...
AI 编程工具对比表(2024 最新):Cursor($20/月,多文件编辑最强)、Copilot($10/月,生态最全)、Windsurf($15/月,速度最快)、Cline(开源免费,需自备 API)、Trae(国产,中文最好)。按预算和场景选择。 AI 编程工具扩展:Cursor 扩展(Be...
AI 编程 Prompt 速查手册:代码生成(描述需求+技术栈+约束)、Bug 修复(贴报错+代码+期望)、重构(贴代码+目标)、测试(贴代码+覆盖场景)、文档(贴代码+文档类型)。每个场景一个标准 Prompt 模板。 Cursor .cursorrules 模板按技术栈分类:Next.js 通...
SaaS Boilerplate 横评:① ShipFast(Next.js + Stripe,$299)② Next SaaS Starter(开源)③ SaaS Starter Kit ④ Turbo SaaS ⑤ Makerkit。按预算和技术栈选择,付费的省时间,开源的省钱。 出海支付集成...
出海域名选择:① .com 最通用 ② .ai 适合 AI 产品(贵但流行)③ .io 适合技术产品 ④ .dev 适合开发者工具 ⑤ .co 短且便宜。注册商推荐 Porkbun(便宜)、Namecheap(服务好)、Cloudflare(成本价)。 Next.js 全栈脚手架推荐:① crea...
出海支付集成:Stripe(国际最全)、Lemon Squeezy(Merchant of Record,省税务)、Paddle(类似 LS)、Razorpay(印度)、微信/支付宝(国内)。SaaS 推荐 Stripe 或 Lemon Squeezy(后者自动处理全球税务)。 AI 编程工具扩展...
Next.js 代码规范模板:ESLint 配置(next/core-web-vitals + jsx-a11y + import)、Prettier 配置、TypeScript 严格模式、命名规范、文件组织结构。团队统一规范,减少 Code Review 争论。 SaaS Boilerplate...