Внешний API может вернуть событие без description, venue или изображения. Такой ответ остаётся валидным, если эти поля в schema помечены как optional. Normalizer решает, что получит UI. Для description можно проверить несколько полей по порядку, для venue и date подставить текстовые значения, для изображения использовать отдельную функцию выбора.

Image picker сначала отбрасывает пустые URL, затем выбирает подходящее изображение по размерам. Если вариантов нет, компонент получает локальный placeholder.

Статья на Хабр Проект: EventMap Stepik: Next.js III: SEO, i18n 2026

#nextjs #AppRouter #Zod #API #fallback #images #normalization #TypeScript #React #webdev