Smash The Burger
Web para hamburguesería local en Rafaela: menú, carrito con checkout y pedidos que llegan al negocio por email y WhatsApp.
- año
- 2026
- rubro
- Gastronomía
- rol
- Diseño y desarrollo
01 — contexto
punto de partida
Un local necesitaba web, menú y pedidos sin depender de comisiones de marketplace: un canal propio con aviso al negocio cuando entra un pedido.
el desafío
Unir marketing, catálogo navegable y un flujo de compra claro (resumen, pago en efectivo o transferencia con comprobante) que cierre con un mensaje de WhatsApp ya armado, sin que el equipo rearme el pedido a mano.
02 — qué hice
01
Pedido por pasos: carrito, resumen y pago en efectivo o por transferencia con comprobante adjunto.
02
Al confirmar, el negocio recibe un email con el pedido y el cliente abre WhatsApp con el mensaje formateado.
03
Menú navegable en una sola fuente de datos, sin duplicar precios entre secciones.
detalle técnico
- — Next.js 14 (App Router) con TypeScript estricto, Tailwind y tokens en CSS.
- — Carrito global con useReducer + Context: acciones explícitas, drawer y checkout por pasos.
- — Rutas API: POST /api/orders con Resend (HTML del pedido + comprobante) y POST /api/newsletter con validación básica.
- — Catálogo tipado en un solo módulo como fuente de verdad para menú y previews.
03 — resultado
El local cuenta con un canal propio de pedidos de punta a punta: el pedido llega armado por email y por WhatsApp, sin comisiones de terceros.
próximos pasos
- — Recalcular totales en el servidor.
- — Rate limiting y límite de tamaño para comprobantes adjuntos.
04 — tecnología
Frontend
Backend
Integraciones
sitio publicado
ver Smash The Burger en vivo→
siguiente proyecto
Menesteres→