Next.js, прокси к внешнему API

Прямой fetch из интерфейса во внешний API обычно живёт ровно до того момента, пока проект не становится чуть сложнее. Потом выясняется, что UI знает лишнее: адрес внешнего сервиса, форму чужого ответа, правила ошибок, а иногда и то, что вообще не должно выходить в браузер.

В App Router эту зависимость можно разрезать через Route Handler. Внутри проекта появляется свой маршрут /api/..., который принимает запрос от UI и уже сам идёт во внешний сервис. Для интерфейса это означает более стабильный внутренний контракт, а для серверной части возможность контролировать параметры, ошибки и дальнейшую форму ответа.

По сути это маленький backend-слой внутри Next.js. Локальная серверная граница, которая делает приложение заметно устойчивее.

Статья на Хабр

Проект: Goods Finder

1
Начать дискуссию