Next.js 测试模板（Vitest + Playwright）

Tailwind 组件灵感：① Tailwind UI（官方，部分付费）② HyperUI（免费开源）③ Preline UI（免费）④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents（社区）。先看灵感再自己写，比直接复制学到的更多。

Next.js SEO 配置模板分享：包含 generateMetadata 函数（title/description/OG/Twitter Card）、sitemap.xml 路由处理器、robots.txt、JSON-LD 结构化数据（WebPage/Article/FAQPage）、hreflang 配置。直接复制到项目即可使用。

Next.js 性能监控：① Vercel Analytics（官方）② Speed Insights ③ Web Vitals ④ Sentry Performance ⑤ Datadog RUM。免费方案用 Vercel Analytics + Web Vitals，生产环境加 Sentry。

Next.js 图片优化：用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。