How deepali-shrivastav/the_letter_ink_ecommerce works
The Letter Ink is an e-commerce platform with a Next.js storefront and a Medusa backend. The principal customer journey is browsing products, managing a cart, entering checkout details, and completing payment through Razorpay; the README documents signature verification, Medusa cart completion, and the resulting order. Other product branches cover product customization, campaigns, workshops, and editorial content, with backend admin routes for managing several of them. Source excerpts show backend route-to-service calls and the storefront search page's component relationships. Many storefront-to-backend connections and unsampled subsystem internals are not shown, so those links are omitted.
Main entry points: page.tsx Product Search · route.ts Verify Payment · medusa.ts Medusa Commerce · checkout-form.tsx Checkout Form
Components 27
Storefront
- Product Catalog
yournextstore/app/products/page.tsx - Product Detail
yournextstore/app/product/[slug]/page.tsx - Product Search
yournextstore/app/search/page.tsx - Search Controls
yournextstore/app/search/search-controls.tsx - Search Pagination
yournextstore/app/search/search-pagination.tsx - Cart
yournextstore/app/cart/cart-context.tsx - Campaigns
yournextstore/app/campaigns/page.tsx
Checkout
- Checkout Form
yournextstore/app/checkout/checkout-form.tsx - Create Payment Order
yournextstore/app/api/checkout/razorpay/create-order/route.ts - Verify Payment
yournextstore/app/api/checkout/razorpay/verify/route.ts - Payment Callback
yournextstore/app/api/checkout/razorpay/callback/route.ts - Order Success
yournextstore/app/order/success/[id]/page.tsx
Commerce Backend
- Medusa Commerce
yournextstore/lib/medusa.ts - Commerce Client
yournextstore/lib/commerce.ts - Customization API
letter-ink-backend/apps/backend/src/api/store/products/[id]/customizations/route.ts - Customization Service
letter-ink-backend/apps/backend/src/modules/customizations/service.ts
Content and Events
- Blog and Videos
letter-ink-backend/apps/backend/src/api/store/blog-videos/route.ts - Blog Service
letter-ink-backend/apps/backend/src/modules/blog/service.ts - Workshop Listings
letter-ink-backend/apps/backend/src/api/store/workshops/route.ts - Workshop Service
letter-ink-backend/apps/backend/src/modules/workshop/service.ts
Store Operations
- Customization Admin
letter-ink-backend/apps/backend/src/api/admin/customizations - Blog Admin
letter-ink-backend/apps/backend/src/api/admin/blogs/route.ts - Workshop Admin
letter-ink-backend/apps/backend/src/api/admin/workshops/route.ts
Other components
- Customer
- Razorpay
- Store Admin
- PostgreSQL
Connections 25
- Customer → Product Catalog: browses
README.md - Customer → Product Search: searches
yournextstore/app/search/page.tsx - Product Search → Search Controls: renders
yournextstore/app/search/page.tsx - Product Search → Search Pagination: renders
yournextstore/app/search/page.tsx - Customer → Product Detail: views
README.md - Customer → Cart: manages
README.md - Customer → Checkout Form: enters details
README.md - Checkout Form → Create Payment Order: creates order
README.md - Create Payment Order → Razorpay: requests payment
README.md - Razorpay → Payment Callback: returns callback
- Razorpay → Verify Payment: provides signature
README.md - Verify Payment → Medusa Commerce: completes cart
README.md - Verify Payment → Order Success: stores order for
README.md - Commerce Client → Medusa Commerce: uses
yournextstore/lib/commerce.ts - Customization Admin → Customization Service: manages options
- Customization API → Customization Service: reads options
- Blog Admin → Blog Service: creates and lists
letter-ink-backend/apps/backend/src/api/admin/blogs/route.ts - Blog and Videos → Blog Service: lists posts
letter-ink-backend/apps/backend/src/api/store/blog-videos/route.ts - Workshop Admin → Workshop Service: manages workshops
letter-ink-backend/apps/backend/src/api/admin/workshops/route.ts - Workshop Listings → Workshop Service: lists workshops
- Store Admin → Blog Admin: manages content
- Store Admin → Workshop Admin: manages events
- Store Admin → Customization Admin: configures options
- Customer → Campaigns: views offers
- Medusa Commerce → PostgreSQL: persists commerce data