The Bakery
Tienda de pastelería artesanal con catálogo editable desde un CMS, carrito y pedidos por WhatsApp, sin intermediarios ni comisiones de pasarela.
Recorrido
Capturas del sitio en funcionamiento. El catálogo y los productos se administran desde un CMS (Sanity) y no se muestran en estas capturas.
En el celular
- pantallas
- 7
- tipos de contenido editables
- 2
- frames en la animación de scroll
- 40
- líneas de código
- +1.800
El problema
Una pastelería artesanal necesitaba mostrar sus productos (tortas, budines, mesas dulces, boxes) y recibir pedidos personalizados. Sus clientes llegan por Instagram y piden por WhatsApp, y los precios y fotos cambian seguido: no podía depender de un desarrollador cada vez que actualiza la carta.
La solución
Armé una tienda con catálogo por categorías, página por producto y carrito. El contenido se administra desde un panel (Sanity Studio) integrado en el mismo sitio, así el negocio cambia precios, fotos y disponibilidad por su cuenta. Al confirmar, el carrito genera un mensaje de WhatsApp con el detalle de los productos, el total y los datos de entrega.
Qué incluye
- Catálogo por categorías con filtro compartible por URL
- Página de producto con descripción de texto enriquecido, ingredientes y marca de 'personalizable'
- Carrito que recuerda los productos aunque el cliente cierre la página
- Pedido por WhatsApp con detalle, total, nombre y dirección, y botón flotante de contacto
- Panel de contenido (Sanity Studio) integrado en /estudio, con productos, categorías, destacados y disponibilidad
- Animación de una torta que acompaña el scroll en la home
- Estados de carga y de error en el catálogo para que nunca quede una pantalla vacía
Arquitectura
Next.js 16 con App Router y TypeScript. Contenido en Sanity (headless CMS) consultado con GROQ desde su CDN; el panel de edición vive en la ruta /estudio del propio sitio. El carrito usa Context y useReducer, y persiste en el navegador. Sin pasarela de pago ni servidor propio: el pedido se cierra por WhatsApp, el canal que el negocio ya usa.
Decisiones técnicas
CMS para que el negocio sea autónomo
Los precios y las fotos de una pastelería cambian todas las semanas. Con Sanity, el negocio edita su carta desde un panel simple y los cambios se ven en el sitio, sin pasar por mí. Eso reduce costos y evita que la web quede desactualizada.
Modelo de contenido pensado para el negocio
Cada producto tiene precio, categorías, galería con recorte de imagen, y marcas de destacado, disponible y personalizable. Las categorías tienen orden propio. El negocio decide qué se muestra y cómo, sin ayuda técnica.
Carrito sin pasarela, pedido por WhatsApp
Integrar una pasarela de pago sumaba comisiones y complejidad que el negocio no necesitaba: ya cobra y coordina entregas por WhatsApp. El carrito arma el pedido completo y lo manda ahí, respetando su forma de trabajar.
Una experiencia que vende la marca
La home tiene una animación de torta ligada al scroll y una estética pastel coherente con la marca. En un rubro tan visual, la primera impresión pesa tanto como el catálogo.
Resiliencia en el catálogo
Si el contenido tarda o falla, el visitante ve un estado de carga o un mensaje claro en vez de una página rota, y ante un error inesperado se muestra un mensaje en lugar de una pantalla en blanco.
Resultados
El negocio puede mantener su carta actualizada sin tocar código y recibe cada pedido por WhatsApp ya ordenado, con productos, cantidades, total y dirección. Sin comisiones de pasarela y sin cambiar su forma de trabajar.
¿Necesitás algo así para tu negocio?
Contame qué querés ordenar o vender y te respondo con una propuesta de precio y plazo.