How zainshah3464/vestior-store works
VESTIOR is a single-vendor men’s fashion storefront with customer shopping, checkout and order tracking, plus an administrative dashboard for catalog, orders and users. The main customer flow is product discovery and detail selection, local cart management, COD checkout, then order tracking; admins manage products and update order status. Supabase supplies authentication, database, storage and realtime capabilities. The graph uses README-described capabilities where route implementations were not sampled; those edges indicate documented integrations, not inspected call sites.
Main entry points: (main)/page.tsx Storefront Home · orders/page.tsx Order Tracking · ProductDetailClient.tsx Product Detail · cart/page.tsx Cart
Components 23
Storefront
- Storefront Home
src/app/(main)/page.tsx - Product Discovery
src/app/(main)/products/page.tsx - Category Browse
src/app/(main)/category/[slug]/page.tsx - Product Detail
src/app/(main)/products/[id]/ProductDetailClient.tsx - Search and Navigation
src/components/Navbar.tsx
Purchase Flow
- Cart
src/app/(main)/cart/page.tsx - Browser Cart State
src/app/(main)/products/[id]/ProductDetailClient.tsx - COD Checkout
src/app/(main)/checkout/page.tsx - Order Tracking
src/app/(main)/orders/page.tsx - Order Realtime
src/components/OrdersRealtime.tsx
Identity
- Login and Signup
src/app/(main)/auth/login/page.tsx - OAuth Callback
src/app/(main)/auth/callback/route.ts - Auth Context
src/providers/AuthProvider.tsx - Route Access
src/middleware.ts
Administration
- Update Order Status
src/actions/updateOrderStatus.ts - Admin Dashboard
src/app/admin/page.tsx - Product Management
src/app/admin/products/page.tsx - Order Management
src/app/admin/orders/page.tsx - User Management
src/app/admin/users/page.tsx
Other components
- Customer
- Administrator
- Supabase Services
- Google Analytics
src/components/GoogleAnalytics.tsx
Connections 30
- Customer → Storefront Home: browses
- Storefront Home → Product Discovery: explores products
- Customer → Product Discovery: searches
- Search and Navigation → Supabase Services: searches products
- Customer → Category Browse: browses category
- Customer → Product Detail: selects product
- Product Detail → Browser Cart State: writes cart
- Cart → Browser Cart State: reads and updates
- Customer → Cart: reviews cart
- Customer → COD Checkout: provides address
- COD Checkout → Supabase Services: creates order
- Customer → Order Tracking: views orders
- Order Tracking → Supabase Services: reads orders
- Order Realtime → Supabase Services: subscribes to orders
- Order Tracking → Order Realtime: shows status changes
- Customer → Login and Signup: signs in
- Login and Signup → Supabase Services: authenticates
- OAuth Callback → Supabase Services: exchanges code
- Auth Context → Supabase Services: observes auth state
- Route Access → Supabase Services: checks user and role
- Administrator → Admin Dashboard: manages store
- Admin Dashboard → Supabase Services: loads analytics
- Administrator → Product Management: manages products
- Product Management → Supabase Services: manages catalog and images
- Administrator → Order Management: manages orders
- Order Management → Update Order Status: updates status
- Update Order Status → Supabase Services: writes order status
- Administrator → User Management: manages users
- User Management → Supabase Services: reads user data
- Storefront Home → Google Analytics: tracks page views