Case Study
BOOKHOUSE cafe
Eine Website für ein Buchcafé in Pune zum Stöbern und Reservieren per WhatsApp.
Eine Next.js-Website für ein Nachbarschafts-Buchcafé, auf der Besucher englische und hindisprachige Regale durchsuchen, Bücher per WhatsApp reservieren und Menü-, Community- sowie Besuchsinformationen finden können.
Galerie
Beitrag
- Das komplette Marketing- und Browsing-Erlebnis für eine reale Café-Marke in Pune umgesetzt.
- Englische und Hindi-Regale mit Suche, Kategorien-Chips und Tastaturnavigation implementiert.
- Einen Reservierungs-Warenkorb entwickelt, der ausgewählte Titel in eine WhatsApp-Übergabe bündelt.
- Menü-, Community- und Besuchsseiten mit Structured Data für lokale Auffindbarkeit ergänzt.
Ergebnis
Eine hochwertige Café-Präsenz geliefert, die Stöbern, Community und Reservierung in einem ruhigen Leseerlebnis verbindet.
Technische Entscheidungen
Content-getriebene Seiten mit zentraler Site-Konfiguration
Marke, Kontakt und Navigation wurden zentralisiert, damit die Seiten bei wachsendem Inhalt konsistent bleiben.
Next.js · Supabase · TypeScript
WhatsApp-first-Reservierungsablauf
Statt Zahlungsinfrastruktur wurde ein lokaler Warenkorb mit vorbefüllter WhatsApp-Nachricht genutzt, um den Ablauf leichtgewichtig zu halten.
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
Herausforderungen
Zweisprachige Regale gleichwertig gestalten
Die englischen und hindisprachigen Sammlungen brauchten einen eigenen Ton und Typografie, ohne die gesamte UI zu duplizieren.
Lösung: Gemeinsame Shelf-Komponenten mit sprachspezifischen Inhalten und eigenen Hindi-Routen dort, wo das Layout angepasst werden musste.
Letting staff edit content without redeploying
Menu prices, book stock, and community details change often — the café needed same-day updates without touching code.
Lösung: Moved catalog data to Supabase with on-demand revalidation, cover uploads to Storage, and a site customizer for branding and page copy.