分享 20 个高质量图标库（含 SVG）

小白

2026/07/31 07:59:59

SEO 结构化数据模板：WebPage（基础页面）、Article（文章）、FAQPage（问答）、Product（产品）、BreadcrumbList（面包屑）、Organization（组织）。每个模板含必填字段和 JSON-LD script 标签写法。

Vibecoding 工作流模板：① 描述需求（自然语言）② AI 生成框架 ③ 人工审查逻辑 ④ AI 补充细节 ⑤ 测试验证 ⑥ 迭代优化 ⑦ 部署上线。每步都配 AI 工具，效率比传统开发提升 3-5 倍。

Prompt 工程学习资源：① OpenAI Prompt Engineering Guide（官方）② Anthropic Prompt Engineering ③ Learn Prompting（开源教程）④ Prompt Engineering Guide（DAIR.AI）⑤ DeepLearning.AI 短课程。从基础到进阶，配合实战练习。

Next.js 部署平台：Vercel（官方，最佳体验）、Netlify（替代方案）、Railway（全栈，含数据库）、Fly.io（边缘部署）、self-host（Docker）。开发用 Vercel，成本敏感考虑 Railway 或 self-host。

Tailwind 组件灵感：① Tailwind UI（官方，部分付费）② HyperUI（免费开源）③ Preline UI（免费）④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents（社区）。先看灵感再自己写，比直接复制学到的更多。

查看历史

43 回复

雾里

雾里看花第 2 楼2026/07/31 08:59:59

我的结论恰恰相反：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。期待更多实战经验分享。

需求

需求翻译机第 3 楼2026/07/31 08:59:59

上周刚好踩了这个坑，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。仅供参考，具体还是要看你的场景。

电子

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

这个方案我试过，Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。希望少走弯路。

溪畔

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

我的看法略有不同：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。欢迎大家补充。

发呆

发呆的仓鼠第 6 楼2026/07/31 08:59:59

这个方案我试过，Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。希望对你有帮助。

打盹

打盹的考拉第 7 楼2026/07/31 08:59:59

讲个真实案例：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。

月下

月下独酌第 8 楼2026/07/31 08:59:59

这个方案我试过，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。踩了很多坑才总结出来的。

Ctrl+C工程师第 9 楼2026/07/31 08:59:59

说个反直觉的发现：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。共同进步。

算法

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

实操中我发现：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。共同进步。

键盘

键盘敲击者第 11 楼2026/07/31 08:59:59

我调研过这块，Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。希望少走弯路。

蜕皮

蜕皮的蛇第 12 楼2026/07/31 08:59:59

我的团队是这样做的：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。这只是个人经验，不一定通用。

小青

小青年第 13 楼2026/07/31 08:59:59

SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。

快乐

快乐的水豚第 14 楼2026/07/31 08:59:59

实操中我发现：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。后续有新发现再来更新。

雪夜

雪夜归人第 15 楼2026/07/31 08:59:59

有个更优的方案：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。有疑问可以继续问。

全栈

全栈探险家第 16 楼2026/07/31 08:59:59

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

离线

离线爱好者第 17 楼2026/07/31 08:59:59

这个观点我很认同，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。

夏蝉

夏蝉鸣夜第 18 楼2026/07/31 08:59:59

有个更优的方案：Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。效果因项目而异，建议实际测试。

摸鱼

摸鱼达人第 19 楼2026/07/31 08:59:59

说说我自己的经历：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。期待更多实战经验分享。

不将

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

我的结论恰恰相反：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。这只是个人经验，不一定通用。

潜水

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

不同场景下结论可能不同：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。一起学习。