Next.js 16 Metadata API & Динамический OG

Metadata API в Next.js 16, generateMetadata, динамический OG через Satori, sitemap.ts, hreflang

Прогресс темы5 уроков
Опыт (XP)125 мин • +150 XP
Прогресс темы0 / 5 (0%)

Список уроков в модуле (5)

5 статей по порядку
01

Metadata API в Next.js: декларативная статическая типизация и каскадирование

Архитектура статического Metadata API в Next.js 16: строго типизированный экспорт, каскадное слияние shallow merge, шаблоны заголовков, metadataBase и управление индексацией.

25 мин•+30 XP
02

Динамические метаданные: generateMetadata, ResolvingMetadata и кэширование

Архитектура асинхронных динамических метаданных в Next.js 16: работа с Promise params, наследование через ResolvingMetadata, дедупликация через React.cache и обработка notFound.

25 мин•+30 XP
03

Файловые метаданные и генерация OpenGraph: opengraph-image.tsx и Satori

Архитектура файловых метаданных Next.js 16: соглашения файловой системы, генерация OpenGraph через ImageResponse, движок Satori и WebAssembly рантайм Resvg.

25 мин•+30 XP
04

Программные sitemap.ts и robots.ts: шардинг карт сайта и динамические маршруты

Архитектура программной генерации sitemap.ts и robots.ts в Next.js 16: шардинг через generateSitemaps, оптимизация Crawl Budget и разграничение сред.

25 мин•+30 XP
05

Канонические URL и мультиязычные hreflang в Next.js: alternates и localized routes

Архитектура канонических ссылок и мультиязычности в Next.js 16: конфигурация alternates, устранение дубликатов страниц, локализованные маршруты [locale] и влияние trailingSlash.

25 мин•+30 XP