免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。 免费 CDN：Cloudflare（最流行，免费额度大）、jsDelivr（开源 CDN）、unpkg（npm CDN）。图床：Cloudflare R2（10GB 免费）、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 Vibecoding 实战案例：记录了我用 Cursor 从一个 idea 到上线产品的全过程。① 用 AI 生成 landing page ② 搭建认证系统 ③ 实现核心功能 ④ 接入支付 ⑤ 部署上线。总共 3 天，AI 生成约 70% 代码，人工审查和调整 30%。
Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。
实操中我发现：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。一起学习。
有个细节值得注意：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。欢迎大家补充。
Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。
Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。
我的团队是这样做的：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。我也还在探索中。
分享一下我的做法：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。如有不对请指正。
补充一个边界情况：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。踩了很多坑才总结出来的。
补充一点：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。效果因项目而异，建议实际测试。
我的看法略有不同：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。
补充一个可能被忽略的点：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。效果因项目而异，建议实际测试。
SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。
从另一个角度看：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。
Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。
我的实践经验和你的不太一样：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。踩了很多坑才总结出来的。
反对一下，我的测试结果不是这样：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。实践出真知，建议动手试试。
我之前也遇到过类似问题，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。后续有新发现再来更新。
我的踩坑经验：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。我也还在探索中。
Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。
分享一下我的做法：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。细节可以再展开讨论。