searchParams в App Router
searchParams в Next.js App Router удобны не сами по себе. Их сила в другом, они позволяют сделать URL источником правды для страницы. Это особенно хорошо видно на поиске и фильтрах. В React SPA здесь часто появляются useState, useEffect, ручная синхронизация с URL и странное поведение Back/Forward. В App Router можно идти проще: читать searchParams на сервере и строить данные уже от маршрута.
Получается понятная цепочка: URL изменился -> сервер прочитал searchParams -> сделал fetch -> отрендерил новый список. В статье разобрал этот паттерн на примере поиска товаров, включая границу между черновым вводом, подтверждённым фильтром и серверной загрузкой.
Технический разбор — на Хабр.Проект с примером: Goods Finder
Для тех, кто хочет пройти такие паттерны последовательно, есть Stepik курс Next.js I: JavaScript 2026.