产品
产品对立面楼主
Next.js 图片优化：用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 免费 CDN：Cloudflare（最流行，免费额度大）、jsDelivr（开源 CDN）、unpkg（npm CDN）。图床：Cloudflare R2（10GB 免费）、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 AI 编程工具扩展：Cursor 扩展（Better Cursor Rules、Cursor Brag）、VS Code 扩展（Codeium、Tabnine、Supermaven）。推荐 Better Cursor Rules，社区维护的 .cursorrules 集合，按项目类型选择。 出海产品配色方案：① 蓝色系（信任感，SaaS 常用）② 绿色系（增长，金融科技）③ 紫色系（创新，AI 产品）④ 橙色系（活力，消费应用）⑤ 黑白灰（极简，设计工具）。推荐去 Realtime Colors 和 Happy Hues 找现成配色。