Alle Anwendungsfälle

Baue dein Frontend mit Lovable

Erstelle in Lovable eine App für Kundenanfragen, während OrganiseYou die Daten und die REST-API verwaltet.

Von der Tabelle zum Anfrageportal

Ein kleines Serviceteam erhält Kundenanfragen per E-Mail. Eine Person trägt sie in eine Tabelle ein, eine andere bearbeitet eine Kopie, und Kunden fragen telefonisch nach dem Stand. Gewünscht ist ein einfaches Portal zum Erfassen und Verfolgen von Anfragen. Lovable baut die Oberfläche. OrganiseYou bietet dem Team einen gemeinsamen Ort für die Kunden und Anfragen dahinter.

Warum OrganiseYou hinter Lovable?

Neben einer guten Oberfläche braucht das Team Werkzeuge, um Kundendaten zu korrigieren und überfällige Anfragen zu finden. Definiere Kunden und Anfragen einmal in OrganiseYou und erstelle interne Formulare und Grids für diese Datensätze. Die Lovable-Oberfläche arbeitet per API mit denselben Daten. So lässt sich das Kundenerlebnis weiterentwickeln, während das Team seinen Arbeitsbereich behält und keine Datensätze zwischen Systemen kopieren muss.

Wie MCP dem Builder hilft

Ohne Kontext muss ein KI-Builder Feldnamen, Beziehungen und Operationen aus deiner Beschreibung ableiten. Die Metadaten-MCP-Werkzeuge von OrganiseYou beschreiben vorhandene Entitäten, Formulare, Grids und Endpunkte. Über eine kompatible benutzerdefinierte MCP-Verbindung in Lovable erhält der Builder konkrete Informationen. Bitte ihn etwa, Kunden und Anfragen zu prüfen und passende Ansichten vorzuschlagen. Mit entsprechenden Rechten lassen sich Metadatenänderungen als Entwurf zur Prüfung vorschlagen. Prüfe die Kompatibilität dieser bestehenden MCP-Schnittstelle mit deiner Lovable-Konfiguration.

MCP gezielt einsetzen

Beginne mit Metadaten als Kontext. Für Beispieldatensätze gibt es einen separaten Daten-MCP-Endpunkt mit ausdrücklich aktivierten Endpunkten und erlaubten Operationen. Nutze eine Testorganisation mit unkritischen Beispielen und minimalen Rechten. Metadatenzugriff gewährt nicht automatisch Datensatzzugriff. Lovables Chat-Verbindung unterstützt den Bau und wird nicht zur Verbindung der Besucher deiner veröffentlichten App.

Ein normaler Arbeitstag

Ein Kunde erstellt eine Anfrage in der Lovable-App. Ein serverseitiger API-Aufruf legt den Datensatz in OrganiseYou an. Eine Kollegin findet ihn im Grid und ändert den Status. Beim nächsten Abruf zeigt das Portal den neuen Stand. Nächste Woche ergänzt du ein Zieldatum: Modell und Endpunkt anpassen und Lovable bitten, die Ansicht am neuen Schema auszurichten. MCP liefert Kontext beim Bauen; authentifizierte API-Aufrufe verbinden die laufende App.

Lovable · MCP ↗

So richtest du es ein

  1. 01

    Daten modellieren

    Lege Kunden und Anfragen als Entitäten in OrganiseYou an. Ergänze Betreff, Status und Zieldatum und verknüpfe jede Anfrage mit einem Kunden.

  2. 02

    Passende Operationen freigeben

    Erstelle REST-Endpunkte. Wähle die Felder sowie Lese-, Erstellungs- und Änderungsoperationen, die deine App benötigt. Veröffentliche vorhandene Entwurfsänderungen und hole die authentifizierte OpenAPI-Beschreibung ab.

  3. 03

    API sicher anbinden

    Erstelle eine Connection mit API-Schlüssel und passenden Endpunktrechten. Hinterlege den Schlüssel in Lovables Secret-Einstellungen und rufe OrganiseYou über Serverfunktionen auf. Prüfe dort den Benutzerzugriff; der Schlüssel gehört weder in Browsercode noch in den Chat.

  4. 04

    Oberflächen bauen und prüfen

    Gib Lovable die API-Beschreibung und fordere Anfragenliste, Detailansicht und Erstellungs- und Bearbeitungsformular an. Teste das Speichern und eine Operation ohne Berechtigung.

Beispielauftrag für Lovable

Baue eine Oberfläche für Kundenanfragen anhand dieser OpenAPI-Beschreibung. Verwende Serverfunktionen für OrganiseYou, lies den API-Schlüssel aus einem Secret und beginne mit einer Anfragenliste und einem Bearbeitungsformular.
Lovable-Anleitung zur API-Anbindung ↗