Next.js Metadata API

// Uses the Metadata API for SEO optimization in Next.js applications

Next.jsReactSEOFrontend
Highly Rated
Community Verified

// detailed.guidelines

# Next.js Metadata API

Use the Metadata API to define page metadata for better SEO and social sharing.

## Static Metadata

```typescript
export const metadata = {
  title: 'My Page',
  description: 'Page description',
};
```

## Dynamic Metadata

```typescript
export async function generateMetadata({ params }) {
  return {
    title: `Post: ${params.id}`,
  };
}
```

This ensures proper meta tags, OpenGraph data, and Twitter cards are generated for your pages.