Metadata, composed.

Native App Router metadata. Declarative Pages Router components. One shared foundation for pages worth sharing.

import { toMetadata } from 'next-meta/app'

export const metadata = toMetadata({
  title: 'Hello, open web.',
  description: 'Make every page worth sharing.',
  baseUrl: 'https://example.com',
  images: ['/social/hello.png'],
  twitter: { card: 'summary_large_image' },
})

Set sensible site defaults, compose page-specific metadata, and let Next.js handle the rendering.

Get started →App Router Pages Router