Внешний API возвращает данные в своей структуре. Названия полей, вложенные объекты, изображения и служебные значения принадлежат provider. Если React-компонент читает эти поля напрямую, структура внешнего ответа попадает в UI. Изменение API затрагивает карточки, detail page и другие компоненты.

В Next.js ответ можно принять на сервере как unknown, проверить через Zod и передать в normalizer. После него UI получает внутренний тип вроде EventCardData, а не исходный JSON provider.

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

#nextjs #AppRouter #Zod #API #TypeScript #ServerComponents #validation #React #JavaScript #webdev