Coffee Shop E-commerceCompleted
Khulla Coffee Commerce
A trim coffee-shop storefront built with Next.js 16 and v0.app, presenting the menu through a clean catalog. Few backend dependencies, deployed on Vercel.
A café does not need an enterprise store to sell its beans. This storefront keeps the catalog focused and the backend almost weightless, designed and synced through v0.app so the look can change as fast as the menu.
What it solves
- A coffee shop wants a simple, branded store to list products and draw customers in.
- Full e-commerce platforms are overkill for a small café with a short menu.
- There's no built-in way for baristas to update the day's specials and stock.
Impact
Simple storefront
Focused product catalog
v0.app-driven
UI synced automatically
Architecture
Front-end
Next.js 16 App RouterReact 19TypeScriptTailwind CSS 4Radix UI
Styling
Embla Carousel (product images)date-fns (timestamps)
Forms
React Hook FormZod
Charts
Recharts
Back-end
Vercel Serverless (v0.app synced — no external database)
State
Form state only; no cart or persistence
Data flow
- Landing lists coffee products (hardcoded / JSON)
- Click product → detail ([slug])
- Discovery storefront (no cart yet)
Extensible with Stripe / PayPal later
Engineering decisions
v0.app-driven UI
Generated with v0 and auto-synced to GitHub — perfect for quick design iterations without code overhead.
No backend database
Products are hardcoded or fetched from simple JSON — ideal for a small catalog.
Static SSG where possible
Product pages are pre-rendered on deploy for fast load times.
Gallery
