All Roadmaps Download App

Phase 11 · Next.js

Topics

Metadata

Part of the Frontend Developer Roadmap.

Summary

Next.js's built-in API — the `metadata` export or `generateMetadata` function — for setting a page's title, description and Open Graph tags for SEO.

How to Learn This

1Add a static `metadata` export to a page with title and description.
2Use `generateMetadata` for a dynamic route where the title depends on fetched data.
3Verify your metadata renders correctly using a social-share debugger tool.

Previous

Dynamic Routes

Next

Image Optimization

More topics in Next.js

App Router Pages Router SSR CSR SSG ISR Server Components Client Components Dynamic Routes Image Optimization Middleware Server Actions API Routes SEO Deployment

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.