Commerce
Minimup Baby Store
A React e-commerce front for baby products: categories, cart, reviews, search, filters. Modern, responsive, and TypeScript end-to-end.
React 18TypeScriptViteshadcn/uiTailwind CSSReact RouterReact Hook FormTanStack React QueryZodFramer Motion
3
Filter Levels
Mobile
First
How it came together
The setup
A baby-products brand needed an online store that did not feel like a generic Shopify theme, and that handled categories deeper than two levels.
The challenge
Make category-heavy browsing feel snappy without server-side rendering every variant.
Scale
Multi-category storefront with cart, search, and product reviews.
The hard parts
Non-negotiables
- Filters that survive page reloads
- Reviews moderated before going live
- Mobile-first; most traffic is phones
Trade-offs we made
- Client-side rendering means the first paint is not the fastest. Mitigated with skeletons.
- Reviews require moderation. Slower to publish, fewer fakes.
Calls I made
URL is the source of truth
Filters live in the URL. Refresh, share, or bookmark: the same view comes back.
TanStack Query for product data
Cached lists, deduped requests, pagination that feels instant after the first hit.
