nextjs-metadata
Installation
SKILL.md
Next.js Metadata
Expert guidance for implementing effective metadata in Next.js.
Quick Reference
| Concern | Solution | Example |
|---|---|---|
| Page title | metadata object | export const metadata = { title: '...' } |
| Dynamic metadata | generateMetadata function | export async function generateMetadata({ params }) |
| OpenGraph images | metadata.images | openGraph: { images: ['/og.jpg'] } |
| Structured data | Script component | <Script type="application/ld+json"> |
| Canonical URLs | metadata.alternates | canonical: 'https://...' |
| Twitter cards | metadata.twitter | twitter: { card: 'summary_large_image' } |