Volver a proyectos

Case study

Full Stack2026

BOOKHOUSE cafe

Sitio para un book café en Pune para explorar estanterías y reservar por WhatsApp.

Un sitio en Next.js para un book café de barrio donde los visitantes exploran estanterías en inglés e hindi, reservan libros por WhatsApp y encuentran menú, comunidades y detalles de visita.

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

Contribución

  • Construí toda la experiencia de marketing y exploración para una marca real de café en Pune.
  • Implementé vistas de estanterías en inglés e hindi con búsqueda, chips de categoría y navegación por teclado.
  • Diseñé un carrito de reserva que agrupa títulos seleccionados en una sola salida hacia WhatsApp.
  • Añadí páginas de menú, comunidades y visita con structured data para descubrimiento local.

Resultado

Entregó una presencia de café pulida que conecta exploración, comunidad y reserva en una experiencia de lectura tranquila.

Decisiones técnicas

  • Páginas guiadas por contenido con una sola configuración del sitio

    Centralicé marca, contacto y navegación para mantener coherencia a medida que evolucionaba el contenido del café.

    Next.js · Supabase · TypeScript

  • Flujo de reserva centrado en WhatsApp

    Mantuve el checkout ligero con un carrito local y un mensaje precargado de WhatsApp en lugar de infraestructura de pagos.

    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

Desafíos

  • Hacer que las estanterías bilingües se sintieran equivalentes

    Las colecciones en inglés e hindi necesitaban tono y tipografía propios sin duplicar toda la UI.

    Resolución: Usé componentes compartidos con módulos de contenido por idioma y rutas dedicadas en hindi cuando el layout debía adaptarse.

  • Letting staff edit content without redeploying

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

    Resolución: Moved catalog data to Supabase with on-demand revalidation, cover uploads to Storage, and a site customizer for branding and page copy.