Case Study
BOOKHOUSE cafe
Eine Website für ein Buchcafé in Pune zum Stöbern und Reservieren per WhatsApp.
Eine Next.js-Website mit Supabase-Admin für ein Nachbarschafts-Buchcafé — Besucher durchsuchen englische und hindisprachige Regale, reservieren Bücher per WhatsApp und finden Menü, Communities und Besuchsinfos, während das Team Inhalte über ein einziges Dashboard pflegt.
Galerie
Beitrag
- Die komplette öffentliche Website und das Supabase-gestützte Admin 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.
- Admin-Werkzeuge für Bücher, Menü, Communities, Einstellungen und einen visuellen Site-Customizer ausgeliefert.
- 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
Statische öffentliche Seite mit optionalem Supabase-CMS
Die Marketingseite wird aus Inhaltsmodulen vorgerendert und fällt auf statische Dateien zurück, wenn Supabase offline ist. Das Admin-Dashboard bearbeitet den Live-Bestand, sobald die Verbindung steht.
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
Einzelnes Admin-Konto mit geschützter Anmeldung
Ein Supabase-Auth-Konto verwaltet Bücher, Menü, Communities und Seiteneinstellungen — öffentliche Registrierung ist deaktiviert, die E-Mail-Allowlist greift in der 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.
Inhalte ändern lassen, ohne neu zu deployen
Menüpreise, Buchbestand und Community-Details ändern sich oft — das Café brauchte Updates am selben Tag, ohne Code anzufassen.
Lösung: Katalogdaten nach Supabase verschoben, mit On-Demand-Revalidierung, Cover-Uploads in Storage und einem Site-Customizer für Branding und Seitentexte.