प्रोजेक्ट्स पर वापस जाएँ

केस स्टडी

फुल स्टैक2026

BOOKHOUSE cafe

पुणे के एक book café के लिए shelves browse करने और WhatsApp पर reserve करने वाली साइट।

एक Next.js website जहाँ visitors English और Hindi shelves browse करते हैं, WhatsApp पर books reserve करते हैं, और menu, communities व visit details पाते हैं।

BOOKHOUSE cafe home page hero with brand typography and visit calls to action.
Next.jsTypeScriptTailwind CSSSupabaseFramer MotionZodPlaywright

योगदान

  • पुणे के एक वास्तविक café brand के लिए पूरा marketing और browsing experience बनाया।
  • English और Hindi shelf views को search, category chips और keyboard navigation के साथ लागू किया।
  • एक reservation cart डिज़ाइन किया जो चुनी गई किताबों को एक WhatsApp handoff में जोड़ता है।
  • Local discovery के लिए menu, communities और visit pages में structured data जोड़ा।

परिणाम

एक polished café presence दी जो browsing, community और reservation को एक calm reading-room experience में जोड़ती है।

तकनीकी निर्णय

  • Single site config के साथ content-driven pages

    Brand, contact और navigation details को centralise किया ताकि content evolve होने पर pages consistent रहें।

    Next.js · Supabase · TypeScript

  • WhatsApp-first reservation flow

    Payment infrastructure बनाने के बजाय local cart और pre-filled WhatsApp message के साथ checkout को lightweight रखा।

    Next.js · Zod

  • Single-staff admin with guarded auth

    One Supabase Auth account manages books, menu, communities, and site settings — public sign-ups disabled and email allowlisting enforced in middleware.

    Supabase · Next.js

चुनौतियाँ

  • Bilingual shelves को बराबरी से पेश करना

    English और Hindi collections को distinct tone और typography चाहिए थी, बिना पूरी UI दोहराए।

    समाधान: Shared shelf components के साथ language-specific content modules और जहाँ ज़रूरी था वहाँ dedicated Hindi routes का उपयोग किया।

  • Letting staff edit content without redeploying

    Menu prices, book stock, and community details change often — the café needed same-day updates without touching code.

    समाधान: Moved catalog data to Supabase with on-demand revalidation, cover uploads to Storage, and a site customizer for branding and page copy.