Next.js 性能监控：① Vercel Analytics（官方）② Speed Insights ③ Web Vitals ④ Sentry Performance ⑤ Datadog RUM。免费方案用 Vercel Analytics + Web Vitals，生产环境加 Sentry。 Tailwind v4 迁移：① @tailwind 改为 @import 'tailwindcss' ② tailwind.config.ts 改为 CSS 内联 @theme ③ content 配置变化 ④ 插件语法变化 ⑤ 部分类名调整。用官方迁移工具 npx @tailwindcss/upgrade。 Next.js 全栈脚手架推荐：① create-next-app（官方）② next-boat ③ t3-stack ④ skateshop ⑤ next-saas-starter。按技术栈组合选择：T3 Stack（tRPC+Prisma+Tailwind）、Next-auth+Prisma 组合等。
next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。
我的看法略有不同：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。
有个更优的方案：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。希望少走弯路。
讲个真实案例：Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。如有不对请指正。
我的团队是这样做的：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。仅供参考，具体还是要看你的场景。
Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。
next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。
说说我自己的经历：Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。有疑问可以继续问。
不同场景下结论可能不同：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。感谢楼主的启发。
这个方案我试过，Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。希望对你有帮助。
实操中我发现：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。欢迎交流讨论。
Lemon Squeezy 作为 Merchant of Record 省了全球税务麻烦，适合独立开发者。
补充一点：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。
补充一点：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。我也还在探索中。
我之前也遇到过类似问题，Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。效果因项目而异，建议实际测试。
我的理解是：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。
我的项目里也用了这个方案，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。一起学习。
我的理解是：Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。感谢楼主的启发。
有个相关问题想请教：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。感谢楼主的启发。
Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。