Cómo crear una app de recetas: recetas, escalado, listas de la compra y búsqueda

Una app de recetas es una colección de recetas con buena búsqueda, páginas de cocina claras y un par de ayudas para la cocina: escalar raciones, convertir unidades y convertir las recetas en una lista de la compra. Sea tu recetario familiar, un blog de cocina con fichas de recetas o un producto de recetas para otros, la decisión que hace que todo lo demás funcione es guardar los ingredientes como datos estructurados, no como un párrafo de texto. Si lo haces bien, las funciones útiles resultan fáciles.

Decide qué tipo de app de recetas es

El modelo de datos es el mismo en los cuatro casos. Lo que cambia es quién puede escribir y si los buscadores deben encontrar las páginas.

Qué necesita una app de recetas

Páginas

• Lista de recetas o inicio: tarjetas con foto, título, tiempo total y etiquetas.
• Página de receta: la vista de cocina, con foto, control de raciones, lista de ingredientes, pasos numerados y notas.
• Búsqueda y filtros: por nombre, por ingrediente, por etiqueta (vegetariano, rápido, postre), por tiempo.
• Añadir y editar receta: un formulario que gestiona los ingredientes línea a línea.
• Colecciones: «Entre semana», «Navidad», «Recetas de mamá».
• Lista de la compra: se crea a partir de una o varias recetas.

Datos

• Recetas: título, slug, descripción, raciones, tiempo de preparación, tiempo de cocción, foto, etiquetas, fuente, autor, visibilidad.
• Ingredientes: receta, posición, cantidad, unidad, nombre, nota («muy picado»), grupo opcional («Para la salsa»).
• Pasos: receta, posición, texto, temporizador opcional.
• Colecciones y elementos de colección.
• Elementos de la lista de la compra: usuario, nombre del ingrediente, cantidad, unidad, marcado.

Las cantidades deben ser números. «1 ½ tazas» se convierte en cantidad 1.5, unidad taza. Mantén una lista corta de las unidades que entiende la app y permite texto libre («una pizca», «al gusto») sin cantidad.

Permisos

Un recetario personal necesita una cuenta y recetas privadas. Un recetario familiar necesita colecciones compartidas que varias personas puedan editar. Una web pública necesita lectores (sin inicio de sesión) y editores. Una comunidad necesita miembros que sean dueños de sus recetas y moderadores que puedan ocultar cualquier contenido.

Las funciones que hacen que merezca la pena usarla

Escalar raciones. Multiplica cada cantidad por raciones nuevas ÷ raciones originales. Muestra fracciones razonables (¾ de taza, no 0,75 tazas) y redondea las cantidades raras. Algunas cosas no escalan de forma lineal —la sal, los tiempos de horno, el tamaño del molde—, así que una breve nota en la receta ayuda.

Conversión de unidades. Un conmutador métrico/imperial. Convierte volúmenes y pesos dentro de su propio tipo; convertir tazas de harina en gramos necesita una densidad por ingrediente, que es una función para más adelante, no para el principio.

Modo cocina. Texto grande, un paso cada vez o una lista desplazable con casillas, y la pantalla mantenida encendida mientras cocinas (muchos navegadores admiten un bloqueo de pantalla o wake lock). Es la función que más te agradecen.

Lista de la compra. Combina ingredientes de varias recetas, une el mismo ingrediente con la misma unidad, agrupa por pasillo y deja que la gente marque los artículos en la tienda.

Búsqueda por ingrediente. «¿Qué puedo hacer con pollo y puerros?» solo funciona porque los ingredientes son registros separados. Consulta cómo añadir búsqueda a tu app.

SEO para las páginas públicas de recetas

Si quieres que la gente encuentre tus recetas a través de los buscadores, cada receta necesita su propia URL, un título y una descripción únicos, y un contenido de receta que esté en el HTML cuando carga la página, en lugar de dibujarse después con JavaScript. Añade datos estructurados schema.org de tipo Recipe —ingredientes, pasos, tiempos, raciones, imagen—, generados desde tu base de datos para que siempre coincidan con la página. Incluye valoraciones solo si personas reales las dejaron en la página. Nuestra guía sobre qué son los datos estructurados explica el marcado, y la documentación oficial de Google enumera los campos que utiliza.

Ejemplo de primer prompt

Construye una app de recetas familiar, pensada primero para el móvil. Cada receta tiene título, foto, raciones, tiempo de preparación y de cocción, etiquetas, ingredientes y pasos numerados. Guarda cada ingrediente como un registro propio con cantidad, unidad, nombre y nota, agrupado en secciones opcionales como «Para la salsa». La página de la receta tiene un control de raciones que escala todas las cantidades y muestra fracciones sencillas, un conmutador de unidades métricas/imperiales y un modo cocina con texto grande, casillas por paso y una pantalla que se mantiene encendida. Busca por nombre de receta o ingrediente, y filtra por etiqueta y tiempo total. Los usuarios pueden guardar recetas en colecciones y añadir una o varias a una lista de la compra que combine los ingredientes coincidentes y permita marcar los artículos. Los miembros de la familia inician sesión con correo electrónico y contraseña y comparten un único recetario que todos pueden editar. Guarda todo en una base de datos y las fotos en almacenamiento de archivos. Añade seis recetas de ejemplo.

Pasos de construcción

1. Página de receta con datos de ejemplo. Haz que la vista de cocina sea excelente en el móvil antes que nada.
2. Introducción estructurada de ingredientes. Un formulario donde cada línea es cantidad, unidad, ingrediente y nota. Ofrece también un cuadro de «pegar una lista» que divida el texto en líneas, y deja que la persona cocinera corrija lo que se haya dividido mal.
3. Escalado y unidades. Prueba casos complicados: ⅓ de taza doblado, 1 huevo partido por la mitad, «sal al gusto».
4. Búsqueda y filtros.
5. Lista de la compra. Une «2 cebollas» y «1 cebolla» en «3 cebollas»; mantén separadas las unidades distintas en lugar de adivinar.
6. Inicio de sesión y compartir. Consulta cómo añadir inicio de sesión a tu app.
7. Fotos. Redimensiónalas al subirlas para que las páginas sigan siendo rápidas.
8. Páginas públicas y marcado (si es pública). Después publica y revisa el código fuente de una página de receta.

Errores habituales

• Ingredientes en un único campo de texto. Pierdes el escalado, las listas de la compra y la búsqueda por ingrediente.
• Decimales en pantalla. «0,333 tazas» no es utilizable. Muestra fracciones.
• La historia de vida antes que la receta. En tu propia app, pon los ingredientes cerca de la parte superior, con un enlace «ir a la receta» si hay una historia.
• Fotos a tamaño completo. Las fotos de móvil son grandes; redimensiónalas y comprímelas.
• Copiar recetas de otras webs de forma pública. Importarlas para uso personal es una cosa; volver a publicar el texto y las fotos de otra persona es otra.
• Valoraciones falsas en los datos estructurados. Los buscadores pueden penalizar un marcado engañoso.
• Datos nutricionales presentados como exactos. Si calculas la nutrición, indica que es una estimación y di de qué fuente de datos procede.

Cuándo es mejor una app de recetas ya hecha

Si quieres guardar y cocinar tus propias recetas, las apps gestoras de recetas ya establecidas importan desde webs, se sincronizan entre dispositivos y funcionan sin conexión. Para un blog de cocina, las plataformas de blogs con plugins de fichas de receta resuelven el marcado y las vistas de impresión de serie.

Construye la tuya cuando quieras algo que esas herramientas no hacen: un sistema de recetas para una empresa con cálculo de costes o control de alérgenos, un recetario compartido por una familia grande con una estructura propia, recetas vinculadas a un plan de comidas o a una tienda, o un diseño completamente tuyo. Si lo que de verdad quieres es planificar las comidas de la semana, lee después cómo crear una app de planificación de comidas.

Construirlo con Mythex

En Mythex describes la app de recetas en el chat, revisas la vista de cocina en el marco de tamaño móvil de la vista previa en vivo, y la publicas en una dirección pública que la familia o los lectores pueden abrir en sus móviles y añadir a la pantalla de inicio. Mythex añade una base de datos Postgres dedicada para recetas e ingredientes, y almacenamiento de archivos para las fotos cuando la app lo necesita. El inicio de sesión lo traes tú: eliges el enfoque y el agente lo conecta. En el plan Pro, Mythex también puede empaquetarla como app de Android y de iPhone, enviada a las pruebas internas de Google Play y a TestFlight. Para una web pública de recetas, consulta la plantilla de blog de cocina y nuestra guía sobre cómo crear una web móvil.

Preguntas