Как работает Metadata API в Next.js?

В App Router метаданные управляются через export const metadata или export async function generateMetadata. Можно задать title, description, openGraph, twitter cards, robots, viewport. Metadata мержится — дочерний layout может переопределить или дополнить родительский. generateMetadata принимает params и может фетчить данные для динамических страниц. Template в title позволяет добавить суффикс: title: { template: "%s | MySite" }. Всё это заменяет next/head и даёт типобезопасность.