Rezepte-App bauen: Rezepte, Skalierung, Einkaufslisten und Suche

Eine Rezepte-App ist eine Sammlung von Rezepten mit guter Suche, übersichtlichen Kochseiten und ein paar Küchenhelfern: Portionen umrechnen, Einheiten umwandeln und Rezepte in eine Einkaufsliste verwandeln. Ob es dein Familienkochbuch ist, ein Food-Blog mit Rezeptkarten oder ein Rezepte-Produkt für andere: Die eine Entscheidung, die alles Weitere funktionieren lässt, ist, Zutaten als strukturierte Daten zu speichern und nicht als Absatz Text. Wenn du das richtig machst, werden die nützlichen Funktionen leicht umzusetzen.

Lege fest, welche Art Rezepte-App es ist

Typ	Wer Rezepte hinzufügt	Was am wichtigsten ist
Persönliches oder Familienkochbuch	Du und ein paar Verwandte	Einfache Eingabe, Import von Links, standardmäßig privat
Rezeptseite oder Food-Blog	Du oder dein Team	Fotos, SEO, Rezept-Markup, schnelle Seiten
Rezept-Community	Mitglieder	Konten, Moderation, Bewertungen, Meldefunktion
Rezepte-Produkt für ein Unternehmen	Mitarbeiter (ein Mahlzeiten-Abo, eine Ernährungsmarke, eine Restaurantgruppe)	Konsistenz, Nährwertdaten, Kalkulation

Das Datenmodell ist bei allen vier gleich. Was sich ändert, ist, wer schreiben darf und ob Suchmaschinen die Seiten finden müssen.

Was eine Rezepte-App braucht

Seiten

Rezeptliste oder Startseite: Karten mit Foto, Titel, Gesamtzeit und Schlagwörtern.
Rezeptseite: die Kochansicht mit Foto, Portionsregler, Zutatenliste, nummerierten Schritten und Notizen.
Suche und Filter: nach Name, nach Zutat, nach Schlagwort (vegetarisch, schnell, Dessert), nach Zeit.
Rezept anlegen und bearbeiten: ein Formular, das Zutaten Zeile für Zeile verarbeitet.
Sammlungen: „Unter der Woche“, „Weihnachten“, „Mamas Rezepte“.
Einkaufsliste: aus einem oder mehreren Rezepten erstellt.

Daten

Rezepte: Titel, Slug, Beschreibung, Portionen, Vorbereitungszeit, Garzeit, Foto, Schlagwörter, Quelle, Autor, Sichtbarkeit.
Zutaten: Rezept, Position, Menge, Einheit, Name, Notiz („fein gehackt“), optionale Gruppe („Für die Soße“).
Schritte: Rezept, Position, Text, optionaler Timer.
Sammlungen und Sammlungseinträge.
Einkaufslisteneinträge: Nutzer, Name der Zutat, Menge, Einheit, abgehakt.

Mengen sollten Zahlen sein. „1 ½ Tassen“ wird zur Menge 1.5 und zur Einheit Tasse. Halte eine kleine Liste von Einheiten vor, die die App versteht, und erlaube freien Text („eine Prise“, „nach Geschmack“) ohne Menge.

Berechtigungen

Ein persönliches Kochbuch braucht ein Konto und private Rezepte. Ein Familienkochbuch braucht gemeinsame Sammlungen, die mehrere Personen bearbeiten können. Eine öffentliche Seite braucht Leser (ohne Login) und Redakteure. Eine Community braucht Mitglieder, denen ihre eigenen Rezepte gehören, und Moderatoren, die alles ausblenden können.

Die Funktionen, die die App nützlich machen

Portionen skalieren. Multipliziere jede Menge mit neue Portionen ÷ ursprüngliche Portionen. Zeige sinnvolle Brüche (¾ Tasse statt 0,75 Tassen) und runde unhandliche Mengen. Manches skaliert nicht linear, etwa Gewürze, Backzeiten und Pfannengrößen. Eine kurze Notiz beim Rezept hilft.

Einheiten umrechnen. Ein Umschalter Metrisch/US. Rechne Volumen und Gewichte innerhalb ihrer eigenen Art um. Tassen Mehl in Gramm umzurechnen braucht eine Dichte pro Zutat; das ist eine spätere Funktion, keine erste.

Kochmodus. Große Schrift, ein Schritt nach dem anderen oder eine scrollbare Liste mit Häkchen, und der Bildschirm bleibt beim Kochen an (viele Geräte unterstützen eine Wake-Lock-Funktion im Browser). Das ist die Funktion, für die Menschen dir danken.

Einkaufsliste. Zutaten aus mehreren Rezepten kombinieren, gleiche Zutat mit gleicher Einheit zusammenführen, nach Regalabschnitten gruppieren und Leuten erlauben, Posten im Laden abzuhaken.

Suche nach Zutat. „Was kann ich mit Hähnchen und Lauch machen?“ funktioniert nur, weil Zutaten eigene Datensätze sind. Siehe Suche in deine App einbauen.

SEO für öffentliche Rezeptseiten

Wenn Menschen deine Rezepte über die Suche finden sollen, braucht jedes Rezept eine eigene URL, einen eindeutigen Titel und eine eindeutige Beschreibung, und der Rezeptinhalt muss im HTML stehen, wenn die Seite lädt, und nicht erst durch JavaScript gezeichnet werden. Ergänze strukturierte Daten nach schema.org Recipe (Zutaten, Schritte, Zeiten, Portionen, Bild), die aus deiner Datenbank erzeugt werden, damit sie immer zur Seite passen. Nimm nur Bewertungen auf, die echte Menschen auf der Seite abgegeben haben. Unser Leitfaden zu strukturierten Daten erklärt das Markup, und Googles eigene Dokumentation listet die Felder auf, die Google verwendet.

Beispiel für einen ersten Prompt

Baue eine Familien-Rezepte-App, zuerst für Handys gestaltet. Jedes Rezept hat einen Titel, ein Foto, Portionen, Vorbereitungs- und Garzeit, Schlagwörter, Zutaten und nummerierte Schritte. Speichere jede Zutat als eigenen Datensatz mit Menge, Einheit, Name und Notiz, gruppiert in optionale Abschnitte wie „Für die Soße“. Die Rezeptseite hat einen Portionsregler, der jede Menge skaliert und passende Brüche zeigt, einen Umschalter Metrisch/US-Einheiten und einen Kochmodus mit großer Schrift, Schritt-Häkchen und einem Bildschirm, der an bleibt. Suche nach Rezeptname oder Zutat und filtere nach Schlagwort und Gesamtzeit. Nutzer können Rezepte in Sammlungen speichern und ein oder mehrere Rezepte auf eine Einkaufsliste setzen, die gleiche Zutaten zusammenführt und mir erlaubt, Posten abzuhaken. Familienmitglieder melden sich mit E-Mail und Passwort an und teilen ein Kochbuch, das alle bearbeiten können. Alles in einer Datenbank speichern und Fotos im Dateispeicher ablegen. Füge sechs Beispielrezepte hinzu.

Bauschritte

Rezeptseite mit Beispieldaten. Mache die Kochansicht auf dem Handy hervorragend, bevor du etwas anderes baust.
Strukturierte Zutateneingabe. Ein Formular, in dem jede Zeile aus Menge, Einheit, Zutat und Notiz besteht. Biete außerdem ein Feld „Liste einfügen“, das Text in Zeilen aufteilt, damit der Koch falsch aufgeteilte Zeilen korrigieren kann.
Skalierung und Einheiten. Mit kniffligen Fällen testen: ⅓ Tasse verdoppelt, 1 Ei halbiert, „Salz nach Geschmack“.
Suche und Filter.
Einkaufsliste. „2 Zwiebeln“ und „1 Zwiebel“ zu „3 Zwiebeln“ zusammenführen; verschiedene Einheiten getrennt halten, statt zu raten.
Login und Teilen. Siehe Login in deine App einbauen.
Fotos. Beim Hochladen verkleinern, damit die Seiten schnell bleiben.
Öffentliche Seiten und Markup (wenn öffentlich). Dann veröffentlichen und den Quelltext einer Rezeptseite prüfen.

Häufige Fehler

Zutaten als ein Textfeld. Dann verlierst du Skalierung, Einkaufslisten und die Suche nach Zutaten.
Dezimalzahlen auf dem Bildschirm. „0,333 Tassen“ ist unbrauchbar. Zeige Brüche.
Lebensgeschichte vor dem Rezept. Stelle in deiner eigenen App die Zutaten nach oben, mit einem Link „zum Rezept springen“, wenn es eine Geschichte gibt.
Fotos in voller Größe. Handyfotos sind groß; verkleinere und komprimiere sie.
Fremde Rezepte öffentlich kopieren. Persönlich importieren ist eine Sache, fremde Texte und Fotos öffentlich zu veröffentlichen eine andere.
Gefälschte Bewertungen in strukturierten Daten. Suchmaschinen können irreführendes Markup abstrafen.
Nährwerte als exakte Angaben. Wenn du Nährwerte berechnest, kennzeichne sie als Schätzung und nenne die Datenquelle.

Wann eine fertige Rezepte-App die bessere Wahl ist

Wenn du deine eigenen Rezepte speichern und kochen willst, importieren etablierte Rezepte-Manager-Apps bereits von Websites, synchronisieren über Geräte und funktionieren offline. Für einen Food-Blog übernehmen Blogging-Plattformen mit Rezeptkarten-Plugins Markup und Druckansichten direkt.

Baue selbst, wenn du etwas willst, das diese Werkzeuge nicht können: ein Rezeptsystem für ein Unternehmen mit Kalkulation oder Allergenverfolgung, ein Kochbuch mit eigener Struktur für eine große Familie, Rezepte, die mit einem Essensplan oder einem Laden verknüpft sind, oder ein Design, das ganz deins ist. Wenn das Planen der Mahlzeiten der Woche das eigentliche Ziel ist, lies als Nächstes wie du eine App zur Essensplanung baust.

Mit Mythex bauen

In Mythex beschreibst du die Rezepte-App im Chat, prüfst die Kochansicht in der Vorschau in Handygröße und veröffentlichst sie unter einer öffentlichen Adresse, die Familie oder Leser auf dem Handy öffnen und auf den Startbildschirm legen können. Mythex ergänzt eine eigene Postgres-Datenbank für Rezepte und Zutaten sowie Dateispeicher für Fotos, wenn die App sie braucht. Der Login ist „bring your own“: Du wählst den Ansatz, und der Agent bindet ihn ein. Mit Pro kann Mythex die App außerdem als Android- und iPhone-App verpacken, die an Google Play (interne Tests) und TestFlight geschickt wird. Für eine öffentliche Rezeptseite siehe die Food-Blog-Vorlage und unseren Leitfaden zum Bau einer mobil optimierten Web-App.

Fragen

Wie speichere ich Rezepte in einer Datenbank?

Speichere Zutaten als eigene Zeilen mit Menge, Einheit, Name der Zutat und optionaler Notiz, nicht als einen Textblock. Genau diese Struktur macht das Umrechnen von Portionen, das Umrechnen von Einheiten, Einkaufslisten und die Suche nach Zutaten möglich.

Kann eine Rezepte-App Rezepte von anderen Websites importieren?

Viele Rezeptseiten veröffentlichen strukturierte Daten nach schema.org Recipe in ihren Seiten. Eine App kann diese auslesen, um Titel, Zutaten und Schritte zu importieren. Behandle Importe als persönliche Lesezeichen: Wenn du fremde Rezepttexte und Fotos öffentlich weiterveröffentlichst, kann das gegen das Urheberrecht verstoßen.

Wie erscheinen Rezepte mit Fotos und Bewertungen bei Google?

Google kann Rezept-Rich-Results anzeigen, wenn eine Seite gültige strukturierte Daten vom Typ Recipe enthält, gemäß Googles eigener Dokumentation. Nimm nur echte Bewertungen auf, die auch auf der Seite angezeigt werden, und prüfe die Seite mit Googles Rich-Results-Test.

Sollte eine Rezepte-App eine Website oder eine Handy-App sein?

Der praktische Start ist eine mobiloptimierte Web-App: Sie funktioniert auf jedem Handy, lässt sich auf den Startbildschirm legen, und Rezeptseiten können über die Suche gefunden werden. Eine native App lohnt sich später, wenn du Offline-Nutzung oder Gerätefunktionen brauchst, die das Web nicht bietet.