Mesa con platos de comida preparados — Maestro Cocinero portal de recetas
Gastronomía · 2025 · Web

Maestro Cocinero — Portal de Recetas Personalizadas

Encuentra qué cocinar con lo que tienes en la nevera. Un portal de recetas con buscador avanzado por ingredientes, filtros dietéticos y diseño mobile-first, construido con Next.js y desplegado con Docker Compose sobre PostgreSQL.

Next.jsTypeScriptPostgreSQLDockerTailwind CSS

¿Qué resuelve Maestro Cocinero?

El eterno dilema de "¿qué cocino hoy?" se repite millones de veces al día. La mayoría de portales de recetas te obligan a buscar por nombre del plato y después ir al supermercado. Maestro Cocinero invierte el proceso: introduces los ingredientes que ya tienes y el portal te sugiere qué puedes cocinar con ellos.

🥕

Buscar por ingredientes

Selecciona lo que tienes en casa y obtén recetas que puedes preparar ahora mismo, sin compras extra.

🥗

Filtros dietéticos

Vegetariano, vegano, sin gluten, sin lactosa — filtra según tus preferencias y las de toda la familia.

Recetas rápidas o elaboradas

Desde platos de 15 minutos para días de semana hasta elaboraciones de fin de semana. Tú decides el nivel.

📱

Diseño mobile-first

Pensado para usarlo desde el móvil mientras estás delante de la nevera o en el supermercado.

El portal que convierte tu nevera en un recetario

Maestro Cocinero nació de una observación sencilla: la mayoría de aplicaciones y webs de recetas están diseñadas para inspirarte a cocinar algo nuevo, no para ayudarte a aprovechar lo que ya tienes. El resultado es que los usuarios acaban usando siempre las mismas cuatro recetas o, peor, tirando ingredientes que no han sabido combinar.

El buscador inverso por ingredientes es el núcleo del proyecto. El usuario no necesita saber el nombre del plato que quiere preparar: simplemente marca los ingredientes disponibles en casa y el motor de búsqueda, construido sobre PostgreSQL con full-text search, devuelve las recetas ordenadas por porcentaje de coincidencia con los ingredientes introducidos.

La capa frontend está construida con Next.js 14 App Router y TypeScript, aprovechando el Server-Side Rendering para que cada página de receta sea indexable por los buscadores desde el primer momento. El diseño, responsivo y de carga rápida, sigue un enfoque mobile-first con Tailwind CSS.

Toda la infraestructura —base de datos, reverse proxy y aplicación Next.js— se gestiona con un único fichero Docker Compose en un VPS, lo que permite despliegues reproducibles y rollbacks sencillos sin depender de plataformas de terceros.

Beneficios para el usuario

Capturas del proyecto

Maestro Cocinero — vista del buscador por ingredientes Maestro Cocinero — listado de recetas sugeridas Maestro Cocinero — detalle de receta con instrucciones

Ficha técnica

Tipo
Aplicación web
Año de lanzamiento
2025
Frontend
Next.js 14 · TypeScript · Tailwind CSS
Backend
Next.js API Routes · Server Actions
Base de datos
PostgreSQL · Prisma ORM
Infraestructura
Docker Compose · Nginx · VPS

Cómo lo he construido

El proyecto arrancó como una solución a un problema doméstico real: tener ingredientes en la nevera y no saber combinarlos. La primera versión era un script de consola; en pocas semanas se convirtió en una aplicación web completa porque el potencial de la idea era mayor de lo esperado.

Elegí Next.js 14 con el App Router para aprovechar el SSR sin sacrificar la interactividad en cliente. La decisión de usar PostgreSQL frente a una base de datos documental fue deliberada: la búsqueda por ingredientes requiere queries relacionales complejas con rankings de coincidencia que SQL gestiona de forma natural y eficiente.

El despliegue con Docker Compose fue una decisión de arquitectura desde el día uno. Mantener la app, la base de datos y el proxy inverso como servicios declarativos en un solo fichero elimina la deuda operacional y permite reproducir el entorno de producción localmente en segundos. El mayor reto fue la gestión de migraciones de base de datos sin downtime, resuelto con Prisma Migrate en un paso previo al arranque del contenedor de la aplicación.

¿Quieres ver Maestro Cocinero en acción?

Entra al portal, introduce los ingredientes que tienes en casa y descubre qué puedes cocinar hoy.

Visitar Maestro Cocinero ↗

Preguntas frecuentes

¿Cómo funciona el buscador por ingredientes?

Seleccionas uno o varios ingredientes que tienes disponibles y el portal devuelve las recetas ordenadas por porcentaje de coincidencia. Cuantos más ingredientes marques, más precisos son los resultados. También puedes excluir ingredientes que no quieres usar.

¿Es gratuito?

Sí, Maestro Cocinero es completamente gratuito. No requiere registro para buscar recetas ni consultar su contenido.

¿Funciona bien en móvil?

El diseño es mobile-first: está pensado para usarlo desde el móvil delante de la nevera o mientras haces la compra. La interfaz es responsive y se carga rápido en conexiones móviles.

¿Con qué tecnología está construido?

El frontend usa Next.js 14 con TypeScript y Tailwind CSS. La base de datos es PostgreSQL con Prisma como ORM. Todo el stack corre en un VPS gestionado con Docker Compose.

¿Quieres ver Maestro Cocinero en acción?

Entra al portal, introduce los ingredientes que tienes en casa y descubre qué puedes cocinar hoy.

Visitar Maestro Cocinero ↗