Hoffentlich schmeckt's

Das Projekt

„Hoffentlich schmeckt's" ist der wöchentliche Kochcast von Katharina te Uhle und Jörg Thadeusz. Zu jeder Folge gehören Rezepte zum Nachkochen, Gäste mit ihren eigenen Gerichten und regelmäßige Live-Shows. Wir haben die Plattform gebaut, die all das zusammenhält: öffentlich sichtbar als Website, intern als Redaktionssystem.

Ausgangslage

Vorher lief das Angebot auf WordPress. Mit wachsender Zahl an Folgen, Rezepten und Gästen stieß die Installation an ihre Grenzen. Die Seiten luden träge, Bilder gingen unkomprimiert über die Leitung, und die inhaltlichen Bezüge zwischen Folge, Rezept und Gast ließen sich nur von Hand pflegen. Dazu kamen die kommerziellen Seiten einer Produktion, also Sponsoring und Affiliate-Links, die nachvollziehbar bleiben müssen.

Migration

Die vorhandenen Inhalte sind vollständig übernommen worden: Folgen, Rezepte, Gäste und das komplette Bildarchiv. Dabei sind die gewachsenen URL-Strukturen erhalten geblieben, damit gesetzte Links, geteilte Rezepte und Lesezeichen weiter funktionieren. Wo sich eine Adresse doch ändern musste, greift eine Weiterleitung; die sind fester Bestandteil des neuen Systems.

Vor dem Umzug haben wir ausgewertet, welche Seiten organisch gut laufen und über welche Suchbegriffe sie gefunden werden. Diese Seiten wurden gezielt so überführt, dass Adresse, Überschriften und Inhalt zusammenbleiben. Sichtbarkeit zu verlieren ist der häufigste und teuerste Fehler bei einem Relaunch, und genau das ist hier nicht passiert.

Sämtliche Bilder wurden beim Import optimiert und in moderne Formate überführt, was allein schon einen großen Teil der alten Ladezeit gekostet hatte.

Lösung und Kernfunktionen

Ein einziges Datenmodell verbindet Episoden, Rezepte, Gäste, Hosts und Live-Events. Die Redaktion pflegt alles über ein Filament-Backoffice, die Website leitet die Verknüpfungen automatisch ab.

• Podcast: Episoden mit Transkripten, Gastbezug und eigener Playlist-Ausgabe für Player. Gehört werden kann die Sendung direkt auf der Seite oder über Spotify, Apple Podcasts und Amazon Music, radio.de und Acast.
• Rezepte: Zutaten, Zubereitungsschritte, Kategorien, FAQ und Bewertungen, dazu eine Suche, die auch bei Tippfehlern noch das Richtige findet.
• Einkaufsliste: Die Zutaten eines Rezepts wandern mit einem Klick in die Einkaufs-App Bring!, inklusive Mengenangaben.
• Kochmodus: Eine aufgeräumte Ansicht fürs Kochen, die nur das Nötige zeigt. Die Zutatenliste bleibt daneben sichtbar, und was schon im Topf ist, wird abgehakt. Der Haken-Zustand gilt auf der Rezeptseite und im Kochmodus gleichermaßen.
• Durchgehendes Hören: Eine einmal gestartete Folge läuft weiter, während man durch die Seiten blättert oder im Kochmodus genau das Rezept nachkocht, über das in dieser Folge gesprochen wurde. Der Ton reißt dabei nicht ab. Das gab es auf der alten Seite nicht.
• Social Media: Die Show ist auf Instagram vertreten, dazu kommen die Kanäle von Katharina te Uhle und Jörg Thadeusz.
• Merkliste: Wer angemeldet ist, kann sich Rezepte und Podcastfolgen vormerken und später gesammelt wiederfinden.
• Abstimmungen: Das Publikum wählt Rezept und Kuchen des Monats.
• Newsletter und Benachrichtigungen: Abonnieren lässt sich getrennt nach neuen Folgen, neuen Rezepten und anstehenden Live-Terminen, sodass jede und jeder nur das bekommt, was interessiert.
• Live-Events: Termine mit den Gerichten, die dort gekocht werden, verknüpft mit den passenden Rezepten.
• Monetarisierung: Sponsoring-Pakete je Episode sowie Affiliate-Partner und -Produkte mit nachvollziehbarer Zuordnung.

Technische Highlights

Laravel mit Filament als Backoffice, Livewire und Alpine.js für die interaktiven Teile, Tailwind im Frontend. Die Suche läuft über Laravel Scout gegen Meilisearch: Wer „Schokoladenkuchn" eintippt, bekommt trotzdem den Schokoladenkuchen, weil die Suche Tippfehler toleriert. Bilder werden beim Upload automatisch optimiert, Rezepte lassen sich als PDF ausgeben. Der Player überlebt jeden Seitenwechsel, weil die Navigation ohne vollständigen Seitenaufbau läuft und der Player-Block dabei im Dokument erhalten bleibt; der Stream wird also nie neu angestoßen. Für Suchmaschinen pflegt die Redaktion Meta-Daten je Seite. Betrieb und Deployment folgen dem devRocks-Standard mit Docker und automatisierter Pipeline.

Ergebnis

Gegenüber der alten WordPress-Installation laden die Seiten um ein Vielfaches schneller. Die Redaktion pflegt Folge, Rezept, Gast und Termin an einer Stelle, die Website baut daraus die Querverweise selbst. Neue Folgen gehen ohne Technikeinsatz online, und die kommerzielle Seite der Produktion ist im selben System abgebildet statt in Tabellen daneben.

Unabhängig von der Technik: Die Zusammenarbeit mit Katharina te Uhle hat uns richtig Spaß gemacht. Kurze Wege, klare Ansagen und eine Auftraggeberin, die genau weiß, was ihr Publikum braucht.

Das Design der Website stammt von Andrea Hart. Von uns kommt die technische Umsetzung.