Una PWA para restaurante con menú digital en LATAM funciona como sistema de orden y pago en la mesa: cliente escanea QR, abre el menú en su navegador, pide directo desde su teléfono, paga con tarjeta o transferencia y la cocina recibe el pedido al instante. En Catalizadora arranca en MAGIA Solo a 4,500 USD por 15 días para restaurante individual, o MAGIA Core a 15,000 USD por 12 semanas para multi sucursal con dashboards y reportería ejecutiva. Cero descarga en App Store. Accesible al instante.
Si manejas restaurante en LATAM y la operación se va en menú impreso, mesero anotando y comanda en papel, este post te muestra qué cambia con PWA bien hecha.
Por qué PWA gana sobre app nativa en restaurante
La PWA gana sobre app nativa en restaurante por tres razones operativas.
Primero, cero fricción de descarga. El cliente escanea QR en la mesa y entra al menú en 2 segundos. Si fuera app nativa, tendría que ir a App Store, buscar la app, descargar 30 megas, registrarse. Pierdes el momento. Segundo, accesible desde cualquier dispositivo: iPhone, Android, tablet del mesero, laptop del manager. Una sola PWA, todos los dispositivos. Tercero, instalable en home screen: si el cliente vuelve, el icono queda en su teléfono como si fuera app nativa, sin pasar por la tienda.
App nativa solo gana en restaurante cuando manejas programa de fidelidad heavy con push notifications constantes y la app es un canal de marketing en sí. En la mayoría de casos LATAM, PWA es la decisión correcta.
Módulos obligatorios en PWA de restaurante
Un MVP serio incluye nueve módulos en la primera entrega:
- Menú digital con categorías, fotos, descripciones y precios actualizables en tiempo real
- Pedido desde mesa con QR único por mesa para identificación automática
- Modificadores y notas por plato (sin cebolla, término de cocción, alergias)
- Carrito con totales, propina sugerida y división de cuenta
- Pago con tarjeta (Stripe, Conekta, Mercado Pago) o solicitud de pago físico
- Notificación a la cocina con sonido y visual destacado
- Cocina display screen para chef con orden, mesa, tiempo y status
- Panel admin con menú editable, sucursales, meseros y reportes diarios
- Reportería: tickets del día, plato más vendido, hora pico, propina promedio
Módulos opcionales en fase 2: programa de fidelidad con puntos, reservas online de mesa, integración con sistemas POS legacy, multi sucursal con dashboard regional, integración con apps de delivery (Rappi, DiDi Food, Uber Eats) vía API.
Stack recomendado para PWA de restaurante en LATAM
El stack que funciona para PWA de restaurante en LATAM con conexiones variables:
- Frontend Next.js o Astro con Service Worker bien configurado para offline
- Backend Next.js API más Supabase Edge Functions
- Base de datos Postgres en Supabase con RLS por sucursal si manejas multi sucursal
- Realtime de Supabase para notificar cocina al instante (WebSocket gestionado)
- Stripe Connect más pasarela local (Conekta en México, Mercado Pago en Argentina y Colombia, Wompi en Colombia)
- Almacenamiento de fotos de platos en Cloudflare R2 con compresión y CDN
- Bot WhatsApp con Twilio para confirmar pedido o notificar al mesero
- PWA installable con manifest.json y Service Worker
Si el restaurante tiene 1 sucursal y menos de 50 mesas, MAGIA Solo a 4,500 USD por 15 días cubre todo. Si tiene multi sucursal o más de 100 mesas, va a MAGIA Core a 15,000 USD por 12 semanas.
El caso real: dashboard operativo en tiempo real
Un caso comparable es el de una escuela educativa en Huixquilucan donde rediseñamos dashboard CEO con 11 secciones colapsables, cache de 60 segundos en memoria HTML compilado, paralelización con ThreadPoolExecutor y sparklines SVG inline. El cold load pasó de 21 segundos a warm load de 2 milisegundos.
- 11 secciones colapsables
- Cold load 21 segundos a warm 2ms (10000x mejora)
- Cache 60 segundos en memoria
- Sparklines de 14 días tendencia
- KPI deltas semana sobre semana
- Auditoría: 0 fails críticos
- Inversión: incluido en honorarios mensuales del cliente
El mismo principio aplica a PWA de restaurante: el menú debe cargar instantáneo, la actualización debe ser invisible, la propagación de cambio de precio debe ser inmediata. PWA con Service Worker y Realtime Supabase logra exactamente eso.
Tres errores caros en PWA de restaurante
Tres errores que vemos repetidos en menús digitales LATAM.
- Service Worker mal configurado: el cliente abre el menú y ve un screen blanco si la conexión está lenta. Solución: precaching agresivo del menú y fallback offline visible.
- Fotos pesadas sin compresión. El menú con 50 platos en alta resolución pesa 30 MB y nadie carga eso en 3G. Solución: WebP comprimido más lazy load.
- Sin identificación de mesa por QR único. El mesero tiene que adivinar de qué mesa viene el pedido. Solución: QR único por mesa con sticker laminado, parseado al cargar.
En MAGIA Solo esos tres bloques están en sprint 1: Service Worker con estrategia stale-while-revalidate para menú, imágenes WebP con tamaños responsivos, QR único por mesa generado automáticamente.
Multi sucursal: cuándo se justifica
Multi sucursal en MAGIA Core se justifica cuando tienes 2 o más restaurantes con la misma marca, o cuando un grupo restaurantero opera varias marcas. La PWA mantiene una sola base de código, RLS por sucursal aísla datos, y el dashboard ejecutivo cruza información para decisiones de directorio.
Si tienes 1 sucursal y planeas expandir, empieza con MAGIA Solo. Cuando llegue la segunda sucursal, subimos a MAGIA Core en 4 a 6 semanas. No necesitas pagar multi sucursal desde el día 1.
Próximos pasos
Si manejas restaurante en LATAM y la operación se va en menú impreso y comanda en papel, agenda una llamada de 30 minutos donde mapeamos tu sucursal, tu menú actual y tu volumen, y te entregamos blueprint con módulos, stack y timeline.
- MAGIA Solo si tienes 1 sucursal y quieres PWA, CRM y bot en 15 días por 4,500 USD
- MAGIA Core si tienes multi sucursal y necesitas dashboards regionales, reportería ejecutiva y RLS por sucursal
Sin retainers, código a tu nombre.