Vibecoding 实战案例：从 idea 到上线

阿杰

2026/07/31 07:59:59

AI 编程 Prompt 模板库推荐：① awesome-cursorrules（GitHub 上的 .cursorrules 集合）② promptbase（Prompt 市场）③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt library。按技术栈和场景分类，直接复制使用。

免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。

分享一套我打磨了三个月的 vibecoding 出海 SaaS 模板：Next.js 15 + Auth.js + Prisma + Stripe + Resend + Tailwind v4 + Shadcn UI。包含认证、订阅、邮件、i18n、SEO、Admin 后台。开箱即用，省去两周搭架子时间。

查看历史

54 回复

干货

干货搬运工第 2 楼2026/07/31 08:59:59

上周刚好踩了这个坑，出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。期待更多实战经验分享。

潜水

潜水员第 3 楼2026/07/31 08:59:59

我做了类似的对比实验：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。我也还在探索中。

内卷

内卷幸存者第 4 楼2026/07/31 08:59:59

讲个真实案例：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。有疑问可以继续问。

刚刚

刚刚好第 5 楼2026/07/31 08:59:59

有个更优的方案：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。如有不对请指正。

数据

数据淘金客第 6 楼2026/07/31 08:59:59

Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。

赛博

赛博修行者第 7 楼2026/07/31 08:59:59

我的理解是：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。

无所

无所谓第 8 楼2026/07/31 08:59:59

Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。

老张

老张第 9 楼2026/07/31 08:59:59

讲个真实案例：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。后续有新发现再来更新。

电子

电子古董第 10 楼2026/07/31 08:59:59

补充一个可能被忽略的点：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。欢迎大家补充。

溪畔

溪畔听雨第 11 楼2026/07/31 08:59:59

next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。

深夜

深夜码农第 12 楼2026/07/31 08:59:59

我的项目里也用了这个方案，出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。

潜水

潜水的海獭第 13 楼2026/07/31 08:59:59

Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。

不将

不将就第 14 楼2026/07/31 08:59:59

结合我最近的项目经验：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。细节可以再展开讨论。

算法

算法炼丹师第 15 楼2026/07/31 08:59:59

这个问题我研究过一阵，Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。欢迎交流讨论。

星辰

星辰大海第 16 楼2026/07/31 08:59:59

Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。

吃瓜

吃瓜群众第 17 楼2026/07/31 08:59:59

这个思路很巧妙，Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。仅供参考，具体还是要看你的场景。

断网

断网生存者第 18 楼2026/07/31 08:59:59

不同场景下结论可能不同：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。期待更多实战经验分享。

近水

近水含烟第 19 楼2026/07/31 08:59:59

我的看法略有不同：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。欢迎大家补充。

Bug猎人第 20 楼2026/07/31 08:59:59

我的项目里也用了这个方案，Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。踩了很多坑才总结出来的。

思考

思考的柴犬第 21 楼2026/07/31 08:59:59

补充一个可能被忽略的点：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。一起学习。

登录后可回复