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 15: декларативна статична типізація та каскадування

Архитектура статического 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