Store App
Современная платформа электронной коммерции на стеке Next.js 16, React 19, TypeScript и Redux Toolkit с бэкендом на Supabase (PostgreSQL и Auth). Приложение включает адаптивный Glassmorphism-интерфейс, синхронизацию каталога с URL, оптимистичные обновления корзины, серверное ISR-кэширование, тактильный отклик и поддержку мобильных устройств.
Server-Side фильтрация через RTK Query
Получение данных товаров и работа каталога построены на связке RTK Query и Supabase. Ответы нормализуются в структуру { ids, items } для O(1) доступа к элементам и снижения нагрузки на рендеринг. Пагинация, поиск и фильтрация по категориям выполняются на стороне сервера.
URL как источник состояния каталога
Полное состояние каталога синхронизируется с query-параметрами: поиском (?q=), сортировкой (?sortBy=) и категориями (?category=). Это позволяет сохранять фильтры в закладки и делиться ссылками с сохранением корректной навигации браузера. Next.js App Router обеспечивает бесшовную работу с параметрами на клиенте и сервере.
Чистая модульная архитектура FSD
Кодовая база строго следует методологии Feature-Sliced Design (FSD) с однонаправленными зависимостями, контролируемыми через ESLint. UI-компоненты остаются декларативными и тонкими, делегируя бизнес-логику и роутинг кастомным хукам и моделям слайсов. Мемоизированные селекторы на базе Reselect предотвращают лишние повторные рендеры.