Next.js SEO 配置模板分享：包含 generateMetadata 函数（title/description/OG/Twitter Card）、sitemap.xml 路由处理器、robots.txt、JSON-LD 结构化数据（WebPage/Article/FAQPage）、hreflang 配置。直接复制到项目即可使用。 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 命令）。打印出来贴桌上。 Vibecoding 学习社区：Reddit r/nextjs、r/webdev、Hacker News、Indie Hackers、V2EX、掘金、Next.js Discord。英文社区信息更新快，中文社区讨论深入。多看别人分享的项目和经验。
补充一个可能被忽略的点：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。
补充一点：Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。如果有更好的方案求分享。
说个反直觉的发现：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。
Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。
说说我自己的经历：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。如果有更好的方案求分享。
上周刚好踩了这个坑，Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。感谢楼主的启发。
我的项目里也用了这个方案，next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。希望对你有帮助。
Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。
结合我最近的项目经验：Shadcn UI 确实是目前最灵活的组件库，代码完全可控，强烈推荐。我也还在探索中。
我的理解是：Lucide React 图标库不错，和 Shadcn UI 配合完美，tree-shakeable。欢迎大家补充。
Auth.js 认证模板包含 credentials + Google OAuth，开箱即用。
我做了类似的对比实验：Cursor .cursorrules 模板建议按项目类型分类，GitHub 上有 awesome-cursorrules。这只是个人经验，不一定通用。
上周刚好踩了这个坑，Cloudflare R2 10GB 免费额度做图床足够了，零出口流量费。期待更多实战经验分享。
从另一个角度看：next/font 加载 Inter 字体，自动子集化，LCP 优化效果明显。实践出真知，建议动手试试。
有个细节值得注意：SEO 结构化数据模板用 JSON-LD 格式，Google 推荐的方式。共同进步。
出海工具栈我用的也是 Vercel + Supabase + Resend + Stripe，月成本 $15。
有个相关问题想请教：Vitest + Playwright 测试模板，组件测试用 jsdom，E2E 用 Playwright。有疑问可以继续问。
上周刚好踩了这个坑，Porkbun 域名注册确实便宜，.com 首年 $9 左右，续费也便宜。