Store App
A modern full-stack e-commerce platform built with Next.js 16, React 19, TypeScript, and Redux Toolkit. Powered by Supabase for PostgreSQL and authentication, it features a glassmorphism design, URL-synchronized catalog state, optimistic cart updates, ISR caching, haptic feedback, and a fully responsive mobile-first interface.
Server-Side Filtering via RTK Query
Product data fetching and catalog operations are built using RTK Query and Supabase. Responses are transformed into a normalized { ids, items } structure for O(1) lookups and efficient re-renders. Pagination, search, and category filtering are processed on the server.
URL as Catalog State Source
The entire catalog state is synchronized with query parameters: search (?q=), sorting (?sortBy=), and categories (?category=). This allows users to bookmark or share filtered views while preserving native browser back and forward navigation. The App Router handles search params seamlessly across client and server.
Feature-Sliced Design Modular Architecture
The codebase strictly follows Feature-Sliced Design (FSD) methodology with unidirectional layer dependencies enforced by ESLint. UI components remain declarative and thin, delegating all domain logic and router events to dedicated custom hooks and models. Memoized selectors via Reselect prevent unnecessary component re-renders.