How shreyash1231/jwellery-frontend-next works
Kuchalag is a Next.js storefront with customer account and custom-order features. The main journey is browsing categories and products, managing a cart, then creating an order and completing online payment. Sampled code confirms the header’s cart/catalog data path and checkout’s direct API calls; other capabilities are represented from the file tree, but their wiring was not sampled, so those links are omitted.
Main entry points: page.tsx Checkout · Header.tsx Navigation and cart · dashboardService.ts Storefront API client · useDashboard.ts Cart data hooks
Components 23
Storefront
- Home
app/page.tsx - Category browsing
app/categories/[id]/page.tsx - Category index
app/categories/page.tsx - Product detail
app/product/[id]/page.tsx - Navigation and cart
components/Header.tsx
Commerce
- Cart data hooks
hooks/useDashboard.ts - Checkout
app/checkout/page.tsx - Order history
app/order-history/page.tsx - Payment result
app/payment-success/page.tsx - Custom orders
app/custom-orders/page.tsx - Custom order history
app/custom-order-history/page.tsx
Accounts
- Sign in
app/signin/page.tsx - Sign up
app/signup/page.tsx - OTP verification
app/otp/page.tsx - Profile
app/profile/page.tsx - Wishlist
app/wishlist/page.tsx
API services
- Storefront API client
service/dashboardService.ts - Authentication API client
service/authService.ts - Profile API client
service/profileService.ts - Custom order API client
service/customOrderService.ts
Other components
- Shopper
- Commerce backend
- Payment provider
Connections 26
- Shopper → Home: browses
- Shopper → Category index: browses
- Shopper → Category browsing: selects category
- Shopper → Product detail: views product
- Shopper → Navigation and cart: opens cart
- Navigation and cart → Cart data hooks: queries cart
- Navigation and cart → Storefront API client: updates cart
- Cart data hooks → Storefront API client: fetches cart
- Storefront API client → Commerce backend: requests data
- Shopper → Checkout: checks out
- Checkout → Commerce backend: creates order
- Checkout → Commerce backend: loads address and coupons
- Checkout → Commerce backend: creates payment
- Checkout → Commerce backend: verifies payment
- Checkout → Payment provider: opens payment
- Shopper → Order history: views orders
- Shopper → Custom orders: requests custom order
- Shopper → Custom order history: views custom orders
- Custom order API client → Commerce backend: submits and fetches
- Shopper → Sign in: signs in
- Shopper → Sign up: registers
- Shopper → OTP verification: verifies account
- Authentication API client → Commerce backend: authenticates
- Shopper → Profile: manages account
- Profile API client → Commerce backend: reads and updates
- Shopper → Wishlist: manages wishlist