Hoffentlich schmeckt's

El proyecto

«Hoffentlich schmeckt's» es el pódcast semanal de cocina de Katharina te Uhle y Jörg Thadeusz. Cada episodio incluye recetas para cocinar en casa, invitados que aportan sus propios platos y shows en directo periódicos. Construimos la plataforma que lo mantiene todo unido: por fuera una web pública, por dentro un sistema editorial.

Punto de partida

Antes el sitio funcionaba con WordPress. A medida que crecía el número de episodios, recetas e invitados, aquella instalación llegó a su límite. Las páginas cargaban con lentitud, las imágenes viajaban sin comprimir y las relaciones entre episodio, receta e invitado había que mantenerlas a mano. A ello se sumaban los aspectos comerciales de una producción, patrocinios y enlaces de afiliación, que deben seguir siendo trazables.

Migración

Todo el contenido existente se trasladó por completo: episodios, recetas, invitados y el archivo de imágenes al completo. Se mantuvieron las estructuras de URL que habían ido creciendo, de modo que los enlaces publicados, las recetas compartidas y los marcadores siguen funcionando. Cuando una dirección sí tenía que cambiar, actúa una redirección; forman parte del nuevo sistema.

Antes del traslado analizamos qué páginas funcionan bien de forma orgánica y con qué términos de búsqueda llega el público. Esas páginas se migraron manteniendo juntos dirección, encabezados y contenido. Perder visibilidad es el error más frecuente y más caro en un relanzamiento, y aquí justamente no ocurrió.

Cada imagen se optimizó durante la importación y se convirtió a formatos modernos, lo que por sí solo explicaba buena parte del tiempo de carga anterior.

Solución y funciones principales

Un único modelo de datos conecta episodios, recetas, invitados, presentadores y eventos en directo. La redacción lo gestiona todo desde un backoffice en Filament y la web deriva las relaciones automáticamente.

• Pódcast: episodios con transcripciones, referencia al invitado y salida de playlist propia para reproductores. El programa puede escucharse en la propia web o en Spotify, Apple Podcasts y Amazon Music, radio.de y Acast.
• Recetas: ingredientes, pasos de preparación, categorías, preguntas frecuentes y valoraciones, además de un buscador que encuentra lo correcto aunque la palabra esté mal escrita.
• Lista de la compra: los ingredientes de una receta pasan a la aplicación Bring! con un solo clic, cantidades incluidas.
• Modo cocina: una vista despejada para cocinar que muestra solo lo imprescindible. La lista de ingredientes permanece visible al lado y lo que ya está en la olla se marca. El estado de las marcas es el mismo en la página de la receta y en el modo cocina.
• Escucha continua: un episodio que ya suena sigue sonando mientras navegas por el sitio o mientras cocinas, en modo cocina, justamente la receta de la que trataba ese episodio. El audio no se corta. La web anterior no podía hacerlo.
• Redes sociales: el programa tiene su propia cuenta de Instagram, junto a los canales de Katharina te Uhle y Jörg Thadeusz.
• Guardados: quien inicia sesión puede guardar recetas y episodios y recuperarlos después en un solo sitio.
• Votaciones: el público elige la receta y el pastel del mes.
• Newsletter y avisos: la suscripción se elige por separado para nuevos episodios, nuevas recetas y próximas fechas en directo, de modo que cada persona recibe solo lo que le interesa.
• Eventos en directo: fechas con los platos que se cocinan, enlazados con las recetas correspondientes.
• Monetización: paquetes de patrocinio por episodio y socios y productos de afiliación con atribución trazable.

Aspectos técnicos destacados

Laravel con Filament como backoffice, Livewire y Alpine.js para las partes interactivas y Tailwind en el frontend. La búsqueda funciona con Laravel Scout sobre Meilisearch: si escribes «Schokoladenkuchn» igualmente aparece el pastel de chocolate, porque el buscador tolera erratas. Las imágenes se optimizan automáticamente al subirlas y las recetas pueden exportarse en PDF. El reproductor sobrevive a cada cambio de página, porque la navegación se produce sin recarga completa y el bloque del reproductor se mantiene en el documento; el flujo nunca se reinicia. La redacción mantiene metadatos por página para los buscadores. Operación y despliegue siguen el estándar de devRocks con Docker y pipeline automatizada.

Resultado

Frente a la antigua instalación de WordPress, las páginas cargan muchísimo más rápido. La redacción gestiona episodio, receta, invitado y fecha en un solo lugar y la web construye sola las referencias cruzadas. Los nuevos episodios se publican sin intervención técnica y la parte comercial de la producción vive en el mismo sistema, no en hojas de cálculo aparte.

Al margen de la tecnología: trabajar con Katharina te Uhle fue realmente divertido. Comunicación directa, decisiones claras y una clienta que sabe exactamente qué necesita su público.

El diseño de la web es de Andrea Hart. La implementación técnica es nuestra.