AI 编程学习路径：① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨ 做一个完整项目 ⑩ 部署到 Vercel。每个阶段配 AI 工具加速。 免费中英文字体推荐：中文用 Noto Sans SC（Google Fonts）、霞鹜文楷（开源楷体）、思源黑体；英文用 Inter（最流行）、Geist（Vercel 出品）、JetBrains Mono（代码）。用 next/font 加载，自动优化和子集化。 Cursor .cursorrules 模板按技术栈分类：Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码规范、禁止事项、常用模式。
补充一个边界情况：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。如有不对请指正。
结合我最近的项目经验：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。后续有新发现再来更新。
有个更优的方案：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。一起学习。
上周刚好踩了这个坑，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。后续有新发现再来更新。
Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。
我的看法略有不同：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。共同进步。
我之前也遇到过类似问题，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。欢迎私信深入交流。
结合我最近的项目经验：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。细节可以再展开讨论。
这个观点我很认同，Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。如果有更好的方案求分享。
我的踩坑经验：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。欢迎私信深入交流。
有个相关问题想请教：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。实践出真知，建议动手试试。
补充一个边界情况：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。实践出真知，建议动手试试。
这个思路很巧妙，Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。
上周刚好踩了这个坑，Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。效果因项目而异，建议实际测试。
这个方案我试过，SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。后续有新发现再来更新。
我的实践经验和你的不太一样：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。仅供参考，具体还是要看你的场景。
我的项目里也用了这个方案，Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。有疑问可以继续问。
Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。
不同场景下结论可能不同：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。踩了很多坑才总结出来的。
Prisma Schema 模板记得加软删除字段和 @@index，我之前漏了索引查询很慢。