免费图片资源：Unsplash（高质量摄影）、Pexels（免费照片视频）、Pixabay（综合）、Open Peeps（手绘人物）、Undraw（插画，可改色）、Hero Patterns（几何图案）。都是 CC0 或免费商用，出海项目必备。 Next.js 图片优化：用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。
不同场景下结论可能不同：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。效果因项目而异，建议实际测试。
next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。
我做了类似的对比实验：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。这只是个人经验，不一定通用。
从另一个角度看：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。
有个细节值得注意：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。
补充一点：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。共同进步。
有个相关问题想请教：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。
Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。
补充一点：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。希望对你有帮助。
Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。
我的踩坑经验：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。欢迎交流讨论。
补充一点：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。希望对你有帮助。
说说我自己的经历：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。
这个观点我很认同，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。欢迎私信深入交流。
讲个真实案例：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。这只是个人经验，不一定通用。
我之前也遇到过类似问题，Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。仅供参考，具体还是要看你的场景。
补充一个边界情况：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。
补充一个边界情况：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。如果有更好的方案求分享。
这个方案我试过，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。感谢楼主的启发。
不同场景下结论可能不同：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。期待更多实战经验分享。