AI 编程学习路径：① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨ 做一个完整项目 ⑩ 部署到 Vercel。每个阶段配 AI 工具加速。 Next.js 测试模板：Vitest 配置（jsdom 环境、setup 文件）、组件测试模板、Server Action 测试模板、Playwright E2E 模板。测试覆盖率目标：核心逻辑 80%+，UI 交互 60%+。 AI 编程工具快捷键：Cursor（Cmd+K 生成、Cmd+L 聊天、Cmd+I Composer）、Copilot（Tab 接受、Cmd+I Chat）、Windsurf（Cmd+I Cascade）、VS Code 通用（Cmd+P 文件、Cmd+Shift+P 命令）。打印出来贴桌上。
我做了类似的对比实验：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。感谢楼主的启发。
这个方案我试过，Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。
我的团队是这样做的：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。希望少走弯路。
有个相关问题想请教：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。
我的项目里也用了这个方案，Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。实践出真知，建议动手试试。
反对一下，我的测试结果不是这样：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。
补充一个可能被忽略的点：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。欢迎私信深入交流。
上周刚好踩了这个坑，Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。希望少走弯路。
实操中我发现：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。
说个反直觉的发现：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。仅供参考，具体还是要看你的场景。
我的项目里也用了这个方案，Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。希望少走弯路。
我调研过这块，Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。后续有新发现再来更新。
补充一个可能被忽略的点：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。后续有新发现再来更新。
我的团队是这样做的：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。希望少走弯路。
Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。
结合我最近的项目经验：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。欢迎私信深入交流。
我的理解是：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。实践出真知，建议动手试试。
我的看法略有不同：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。细节可以再展开讨论。
有个细节值得注意：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。踩了很多坑才总结出来的。
next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。