केस स्टडी
BOOKHOUSE cafe
पुणे के एक book café के लिए shelves browse करने और WhatsApp पर reserve करने वाली साइट।
पुणे के एक neighbourhood book café के लिए Next.js website और Supabase admin — visitors English और Hindi shelves browse करते हैं, WhatsApp पर books reserve करते हैं, और menu, communities व visit details देखते हैं, जबकि staff एक ही dashboard से live content manage करती है।
गैलरी
योगदान
- पुणे के एक वास्तविक café brand के लिए पूरा public site और Supabase-backed admin बनाया।
- English और Hindi shelf views को search, category chips और keyboard navigation के साथ लागू किया।
- एक reservation cart डिज़ाइन किया जो चुनी गई किताबों को एक WhatsApp handoff में जोड़ता है।
- Books, menu, communities, settings और visual site customizer के लिए admin tools ship किए।
- Local discovery के लिए menu, communities और visit pages में structured data जोड़ा।
परिणाम
एक polished café presence दी जो browsing, community और reservation को एक calm reading-room experience में जोड़ती है।
तकनीकी निर्णय
Optional Supabase CMS के साथ static public site
Marketing site content modules से prerender होता है और Supabase offline होने पर static files पर fallback करता है, जबकि admin dashboard connected होने पर live inventory edit करता है।
Next.js · Supabase · TypeScript
WhatsApp-first reservation flow
Payment infrastructure बनाने के बजाय local cart और pre-filled WhatsApp message के साथ checkout को lightweight रखा।
Next.js · Zod
Guarded auth के साथ single-staff admin
एक Supabase Auth account books, menu, communities और site settings manage करता है — public sign-ups बंद हैं और middleware में email allowlisting लागू है।
Supabase · Next.js
चुनौतियाँ
Bilingual shelves को बराबरी से पेश करना
English और Hindi collections को distinct tone और typography चाहिए थी, बिना पूरी UI दोहराए।
समाधान: Shared shelf components के साथ language-specific content modules और जहाँ ज़रूरी था वहाँ dedicated Hindi routes का उपयोग किया।
Redeploy किए बिना staff को content edit करने देना
Menu prices, book stock और community details अक्सर बदलते हैं — café को बिना code छुए same-day updates चाहिए थे।
समाधान: Catalog data Supabase पर ले जाया, on-demand revalidation और cover uploads Storage पर रखे, और branding व page copy के लिए site customizer जोड़ा।