Store App
Next.js 16, React 19, TypeScript va Redux Toolkit asosida yaratilgan zamonaviy internet-do'kon platformasi. Supabase (PostgreSQL va Auth) bilan integratsiya qilingan ilova moslashuvchan Glassmorphism dizayni, URL bilan sinxronlashgan katalog, savatning optimistik yangilanishi, ISR keshlanishi, taktil aloqa va mobil moslashuvni ta'minlaydi.
RTK Query orqali Server-Side filtratsiyalash
Mahsulot ma'lumotlarini yuklash va katalog amallari RTK Query hamda Supabase asosida tashkil etilgan. Javoblar elementlarga O(1) tezlikda kirish va samarali qayta render uchun { ids, items } ko'rinishida normallashtiriladi. Paginatsiya, qidiruv va toifalar bo'yicha saralash server tomonida amalga oshiriladi.
URL katalog holati manbai sifatida
Katalogning to'liq holati URL query-parametrlari bilan sinxronlashtiriladi: qidiruv (?q=), saralash (?sortBy=) va toifalar (?category=). Bu foydalanuvchiga filtrlangan havolalarni xatcho'plarga saqlash va brauzer navigatsiyasini to'g'ri saqlab qolish imkonini beradi. Next.js App Router parametrlarni mijoz va server o'rtasida uzluksiz boshqaradi.
FSD toza modulli arxitekturasi
Loyiha kodi ESLint orqali tekshiriladigan bir tomonlama bog'liqliklarga ega Feature-Sliced Design (FSD) metodologiyasiga qat'iy asoslangan. UI-komponentlar deklarativ bo'lib, barcha biznes-mantiq va yo'naltirishlarni maxsus hooklar hamda modellarga yuklaydi. Reselect orqali memoizatsiya qilingan selektorlar ortiqcha qayta renderlarning oldini oladi.