Stop 11 · Next.jsTopics · 10/16

Metadata

Part of the Frontend Developer Roadmap

In short

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

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

More topics at this stop

Stuck on this topic? Ask an Insider

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

Download
InsideEdge