Export metadata object for a route. Title, description, and Open Graph in one place.
// In app/my-page/page.tsx or layout.tsx
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'Page Title',
description: 'Short description for SEO and social.',
openGraph: {
title: 'Page Title',
description: 'Short description for SEO and social.',
url: 'https://yoursite.com/my-page',
},
};Export a metadata object from a page.tsx or layout.tsx in the App Router. Next.js merges it with the root layout.
For dynamic values use generateMetadata({ params, searchParams }) returning a Metadata object (can be async).