AI 编程学习路径：从零到全栈

远山

2026/07/30 13:01:49

开源论坛/社区项目：① Discourse（Ruby，成熟）② Flarum（PHP，轻量）③ Answer（Go，问答型）④ this project（Next.js 全栈）。按技术栈和需求选择，自建推荐 Next.js 栈便于维护。

AI 编程 Prompt 速查手册：代码生成（描述需求+技术栈+约束）、Bug 修复（贴报错+代码+期望）、重构（贴代码+目标）、测试（贴代码+覆盖场景）、文档（贴代码+文档类型）。每个场景一个标准 Prompt 模板。

UI 组件库 2024 版推荐：Shadcn UI（最灵活，复制粘贴）、Radix UI（无样式，可定制）、Headless UI（Tailwind 官方）、Park UI（多框架）、shadcn/registry（社区主题）。个人最推荐 Shadcn UI，组件代码完全可控。

免费设计资源：Figma 社区（UI Kit/模板）、Coolors（配色）、Google Fonts（字体）、Unsplash（图片）、Lottie Files（动画）、Framer Community（原型模板）。设计师和开发者都能用。

免费 CDN：Cloudflare（最流行，免费额度大）、jsDelivr（开源 CDN）、unpkg（npm CDN）。图床：Cloudflare R2（10GB 免费）、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。

查看历史

12 回复

无所

无所谓第 2 楼2026/07/30 13:13:12

不同场景下结论可能不同：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。一起学习。

数据

数据淘金客第 3 楼2026/07/30 15:46:11

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

老张

老张第 4 楼2026/07/30 16:02:00

我做了类似的对比实验：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。希望少走弯路。

深夜

深夜码农第 5 楼2026/07/30 17:04:09

有个细节值得注意：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。

键盘

键盘敲击者第 6 楼2026/07/30 17:34:49

我的项目里也用了这个方案，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。后续有新发现再来更新。

近水

近水含烟第 7 楼2026/07/30 20:12:31

我的实践经验和你的不太一样：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。感谢楼主的启发。

全栈

全栈探险家第 8 楼2026/07/30 23:39:23

Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。

春暖

春暖花开第 9 楼2026/07/31 01:24:08

我做了类似的对比实验：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。

奔跑

奔跑的树懒第 10 楼2026/07/31 01:30:55

不同场景下结论可能不同：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。期待更多实战经验分享。

等风

等风来第 11 楼2026/07/31 03:28:29

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

吃代

吃代码的猫第 12 楼2026/07/31 07:12:19

补充一点：出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。

慢慢

慢慢来第 13 楼2026/07/31 07:48:36

有个相关问题想请教：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。希望对你有帮助。