Client-only поиск часто запускает запрос через useEffect после загрузки страницы. Сервер отдаёт исходную разметку без результатов, браузер запускает JavaScript, выполняет запрос и потом обновляет список.

В App Router параметры поиска можно хранить в URL как /search?q=jazz. Server Component получает searchParams, запрашивает данные на сервере и возвращает страницу уже с результатами. Клиентский компонент остаётся у формы поиска и меняет URL. Выдачу рендерит сервер по текущим параметрам.

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

#nextjs #AppRouter #ServerComponents #searchParams #SEO #SSR #TypeScript #React #JavaScript #webdev