Indexación y consulta de acervo gastronómico
única fuente de consulta con distintos usos
Antes: Recetas, glosarios y eventos dispersos en formatos estáticos sin relación semántica
Que sus usuarios pudieran ver su contenido en los distintos formatos
← Casos de uso
Mesa de Pueblo: plataforma de cultura alimentaria mexicana
Plataforma para cocinar en casa con sabor de pueblo: recetario con medidas a la antigua, glosario vivo, agenda de ferias y mercados, y planeación semanal.
Vista automática del sitio actual · Amplía para ver el detalle
Visitar sitio ↗- Cliente
- Mesa de Pueblo
- Año
- 2026
- Mi rol
- Lead Product Architect & Full-Stack Developer (Estrategia, Arquitectura de Datos, UI/UX y Desarrollo)
- Duración
- 2 meses
- Equipo
- 1
El impacto
Qué cambió con el proyecto.
Resultados documentados en este caso.
Validación y escalabilidad hacia nuevas líneas de ingreso
mesadepueblo.com le da la infraestructura para vender productos
Antes: Limitado a Instagram
Comercializar distintos tipos de productos o servicos
Tiempo de carga y visibilidad orgánica (Core Web Vitals)
Renderizado híbrido sub-segundo (< 1s LCP) con marcado Schema.org automatizado para recetas y eventos
Antes: no se tenia
recetas tradicionales digitalizadas
+100
y estandarizadas en el lanzamiento, interconectadas con el glosario técnico de ingredientes/utensilios y los capítulos del libro.
Integración automatizada de precios de referencia (PROFECO)
Precios de referencia
y calculadoras de insumos, transformando la consulta de una receta en una herramienta de presupuesto familiar y planeación semanal.
Conexión centralizada de la cartelera gastronómica nacional
100%
consolidando información de múltiples sitios y eventos culturales en un solo punto de consulta para la comunidad.
Infraestructura 100% elástica basada en demanda
100%
logrando costos fijos mínimos y cobro por volumen real de consultas gracias al almacenamiento distribuido sin tarifas de salida (zero-egress).
Adopción intergeneracional
100%
validando una interfaz accesible que permite tanto a jóvenes como a adultos mayores consultar, escalar recetas y aportar conocimiento culinario dentro de la comunidad.
Del problema a la solución
El caso, sin rodeos.
El contexto
El proyecto nació cuando Enrique Pacheco ("Pach") se acercó buscando un espacio digital para anunciar el lanzamiento de su libro de divulgación gastronómica y centralizar el contenido de su comunidad. Su misión principal era lograr que las personas volvieran a cocinar en casa y reconectaran con la cultura alimentaria de México. Al analizar el potencial del acervo y la comunidad existente, replanteamos el alcance: en lugar de construir un sitio promocional estático para el libro, decidimos diseñar un ecosistema vivo de consulta y utilidad cotidiana donde el contenido editorial conviviera con herramientas prácticas de organización doméstica.
Lo que había que resolver
El reto principal consistía en evitar que el proyecto se quedara como un archivo pasivo o un recetario de solo lectura. La plataforma debía convertirse en una herramienta accionable para la vida diaria: ayudar al usuario a decidir qué cocinar con lo que ya tiene, armar la lista del súper con costos reales, organizar comidas con amigos y adaptar porciones para distintas realidades familiares (desde quien vive solo hasta familias grandes o con restricciones alimentarias). Además, nivelar esta complejidad técnica exigía dos retos adicionales: digitalizar y estructurar recetarios antiguos con medidas tradicionales ambiguas ("un puño", "una pizca") y diseñar una interfaz con estándares altos de accesibilidad, tipografías amplias y flujos claros pensados específicamente para que usuarios de la tercera edad pudieran navegar, leer y compartir recetas sin fricción.
Qué hice
Diseñamos y construimos una plataforma comunitaria y utilitaria con dinámicas de mini red social sobre una arquitectura moderna (Next.js App Router, TypeScript, Drizzle ORM, PostgreSQL y Cloudflare R2), articulada en cuatro pilares técnicos y de producto:
Digitalización inteligente e integración con PROFECO: Estructuramos un modelo de datos relacional capaz de traducir recetarios antiguos e ingredientes regionales a una base consultable. Integramos conexiones vía API con datos de PROFECO (Quién es Quién en los Precios) para cruzar los insumos de cada receta y ofrecer al usuario un costo aproximado real al armar su despensa o lista de compras.
Herramientas de utilidad cotidiana (El Refri, Escalador y Comilonas): Desarrollamos motores lógicos que resuelven cómo se organiza la gente en la vida real: un buscador inverso por sobras e ingredientes disponibles (El Refri), un calculador dinámico de porciones (para 2, 3, 4 o más personas y filtros dietéticos) y un organizador colaborativo (Comilonas) que calcula insumos para reuniones y los conecta con flujos de WhatsApp.
UX inclusiva y enfocada en el adulto mayor: Por decisión estratégica junto al cliente, priorizamos una interfaz de alta legibilidad, controles táctiles grandes, alto contraste y un "Modo Cocina" limpio con temporizadores integrados, logrando que la tecnología sea invisible y amigable para cualquier generación.
Arquitectura Serverless elástica y agregación de eventos: Implementamos una infraestructura donde el costo operativo escala estrictamente en función del volumen de consultas reales, manteniendo los activos multimedia en Cloudflare R2 sin costos de transferencia (egress), y conectamos la plataforma con diversas fuentes culturales para alimentar un directorio vivo de ferias, mercados y tianguis gastronómicos.
// Lo que dice el cliente
EPEnrique PachecoFundador de "Mesa de Pueblo"
“Se entendio muy bien mi proyecto desde sus inicios ”
Puntos clave
01
Modelado relacional del patrimonio culinario
Diseño de un esquema de datos en PostgreSQL gestionado con Drizzle ORM que conecta tres pilares: directorio de recetas tradicionales, glosario técnico de ingredientes/utensilios y cartelera de ferias gastronómicas locales. Cada ingrediente dentro de una receta enlaza contextualmente con su definición técnica e historia regional.
02
Infraestructura multimedia sin costos de transferencia
Implementación de almacenamiento de objetos en Cloudflare R2 integrado al flujo de carga de la plataforma. Esto permite servir fotografía gastronómica optimizada a nivel global con baja latencia y elimina las tarifas por transferencia de datos salientes propias de proveedores cloud convencionales.
03
Arquitectura orientada a SEO programático y AEO
Aprovechamiento de Next.js App Router y React Server Components para generar páginas estáticas y dinámicas con metadatos enriquecidos (Recipe y Event JSON-LD). La estructura semántica facilita tanto el rastreo tradicional como la extracción de contexto por motores de respuesta generativos.
Arquitectura
01 · Fuentes de Datos (Sources)
- Colaboradores y comunidad gastronómica
- Investigación documental y acervos regionales
- Calendario de ferias y eventos locales
- Fotografía gastronómica en crudo (RAW/WebP)
02 · Procesamiento y Lógica (Processing)
- Next.js App Router (Server Actions & API Routes)
- Validación de esquemas y tipado estricto (TypeScript)
- Drizzle ORM (Queries relacionales y migraciones)
- Generador de metadatos dinámicos y JSON-LD
03 · Persistencia y Medios (Storage)
- PostgreSQL (Datos relacionales: Recetas, Glosario, Eventos)
- Cloudflare R2 (Object Storage para activos visuales sin costo de egress)
- Caché en el Edge (ISR / Stale-While-Revalidate)
04 · Destinos y Consumo (Destinations)
- Plataforma Web Interactiva (mesadepueblo.com)
- Directorio de Recetas y Glosario Interconectado
- Mapa / Cartelera de Eventos Gastronómicos
- Motores de Búsqueda (Google Rich Results) y Motores de Respuesta (AEO)
Flujo de datos end-to-end: desde la captura e ingesta de conocimiento culinario comunitario, pasando por el procesamiento tipado y almacenamiento distribuido en la nube, hasta la entrega optimizada en el navegador y motores de búsqueda.
Detrás del resultadoCómo lo construí
El proceso, paso a paso
- 01
Arquitectura de Información y Modelado de Datos
1 semanaDefinición de la taxonomía gastronómica (regiones, técnicas, ingredientes endémicos, temporalidad) y diseño del esquema relacional en PostgreSQL con validación estricta de tipos mediante TypeScript y Drizzle ORM.
- 02
Desarrollo Core e Infraestructura Cloud
1 semanaConstrucción del backend y frontend sobre Next.js App Router, configuración de buckets en Cloudflare R2 para el manejo de activos visuales, e implementación de flujos de ingesta y moderación de contenido comunitario.
- 03
Interfaz de Usuario, Buscador Facetado y Optimización SEO
1 semanaDiseño de una experiencia de lectura limpia y editorial, desarrollo de filtros combinados (por estado, ingrediente o festividad) e inyección automatizada de datos estructurados para indexación inmediata.
Tecnologías del proyecto
HubSpot API + PythonGA4Next.js + Payload CMSCloudflareSupabasePayload CMS
Lo que me llevo
Construir un producto digital para una comunidad real es como levantar los cimientos de una casa: la infraestructura no solo debe ser técnicamente sólida y escalable en el backend, sino cálida, digna y habitable en la superficie. El mayor aprendizaje de este proyecto fue traducir la complejidad de bases de datos relacionales, integraciones de APIs de precios y algoritmos de coincidencia de ingredientes a un lenguaje cotidiano y accesible para todos. Diseñar para el mundo real implicó observar cómo comen y se organizan verdaderamente los hogares mexicanos semana a semana, demostrando que la tecnología tiene más impacto cuando se adapta a las costumbres humanas —y a todas las edades— en lugar de forzar al usuario a adaptarse al software.
¿Quieres resultados así en tu empresa?
Agendar 30 min ↗Siguiente caso →Miguel Márquez Audio: estudio de grabación con recorrido 3D