Lovable

Was bedeutet „Lovable“?

Lovable ist eine KI-basierte Software-Entwicklungsplattform zur Erstellung von Webseiten und vollständigen Webanwendungen mithilfe natürlicher Sprache. Nachdem die Benutzer Produkte, Seiten sowie Geschäftsprozesse beschrieben haben, generiert die KI Code auf Basis von React, TypeScript und modernen Frontend-Tools. Anschließend kann dieser Code weiter bearbeitet, getestet und veröffentlicht werden.

Die Plattform verfügt über Lovable Cloud, das eine PostgreSQL-Datenbank, Benutzerauthentifizierung, Dateispeicherung, Echtzeitdaten sowie Serverfunktionen bereitstellt. Nutzer können außerdem ihre eigenen Supabase-, GitHub- oder GitLab-Konten anschließen, um Code und Infrastruktur in ihren bestehenden Entwicklungsprozess einzubinden.

Hauptfunktionen von Lovable

• Erstellen einer vollständigen Webanwendung auf der Grundlage von Texthinweisen, Screenshots und Referenzbildern;
• Analysieren Sie Anforderungen im Plan-Modus und vergleichen Sie Lösungsvarianten, ohne den Code zu ändern;
• Mit dem Build-Modus wird die Kodierung über mehrere Dateien hinweg durchgeführt, sowie das Ergebnis getestet und überprüft.
• Direkt im Vorschau-Modus Text ändern, Elemente auswählen, Anmerkungen und Kommentare hinzufügen;
• Über einen echten Browser aus der Ferne: Klicken, Ausfüllen von Formularen und Überprüfen des responsiven Layouts;
• Verwendung von Cloud-Datenbanken, Authentifizierung, Speicherung, Echtzeitfunktionen und Edge Functions;
• Hinzufügen von Stripe, Paddle, Shopify, HubSpot sowie externen APIs;
• Durch den integrierten AI-Connector werden den generierten Anwendungen zusätzliche Modellfähigkeiten hinzugefügt;
• Veröffentlichen auf Lovable-Hosting, einem benutzerdefinierten Domainnamen oder einer externen Cloud-Plattform;
• Entwicklung und Automatisierungsprozesse durch Git-Synchronisierung, MCP und API-Anbindung.

Plan-Modus und Build-Modus

Der Plan-Modus wird verwendet, um Anforderungen zu klären, Code zu untersuchen, technische Ansätze zu vergleichen und einen Umsetzungsplan zu erstellen. Jene Nachricht kostet 1 Punkt und ändert das Projekt nicht. Er eignet sich dazu, vor dem Start komplexer Funktionen die Datenstruktur, Berechtigungen und Grenzen zu überprüfen.

Im Build-Modus wird der Code direkt geändert, und es ist möglich, Browser-Tests, Frontend-Tests, Edge Function-Prüfungen, Webseiten-Suchen sowie Bildgenerierung durchzuführen. Die Kosten werden nach der tatsächlichen Komplexität berechnet – kleine Änderungen können unter 1 Punkt liegen, während umfangreiche Generierungen, Umstrukturierungen über mehrere Dateien hinweg sowie mehrfache Prüfungen mehr Kosten verursachen.

Voranschau, visuelle Bearbeitung und Testen

Die Vorschau-Leiste ermöglicht es den Benutzern, Elemente auf der Seite auszuwählen, den Text direkt zu ändern, Anmerkungen hinzuzufügen und Kommentare zu hinterlassen. Für leichte Anpassungen wie Farben, Abstände und Textinhalte ist dies direkter als das Erstellen neuer, langer Anweisungen.

Die Browser-Testausführung findet in einer entfernten virtuellen Umgebung statt. Es ist möglich, auf Knöpfe zu klicken, Formulare auszufüllen, die Konsole sowie Netzwerkanfragen anzusehen und die Anzeige auf Handys, Tablets und Desktop-Systemen zu überprüfen. Dabei wird die aktuelle Vorschauumgebung verwendet – der lokale Browser des Benutzers wird nicht übernommen.

Lovable Cloud

Cloud bietet auf der open-source-Basis von Supabase PostgreSQL, Authentifizierung, Speicherung, Echtzeit-Updates und Edge Functions. Wenn ein Anmelden, das Speichern von Daten, das Hochladen von Dateien oder Serverlogik erforderlich ist, kann Lovable Cloud automatisch aktivieren oder eine Bestätigung auf der Grundlage der Berechtigungen des Arbeitsbereichs anfordern.

Jedes Cloud-Projekt nutzt einen isolierten Backend und bietet die Möglichkeit, die Datenbank anzusehen, RLS-Strategien einzusehen sowie tägliche Datensicherungen durchzuführen. Die Datensicherungen beinhalten keine Storage-Dateien; daher müssen wichtige hochgeladene Dateien weiterhin separat exportiert und gesichert werden.

KI, Anschlüsse und Zahlungen

Der integrierte AI-Connector ermöglicht es, Anwendungen so zu gestalten, dass sie auf mehrere Modelle zugreifen können. Die Schlüssel sowie die Anrufe zum Server werden von Cloud verwaltet. Die AI-Anrufe innerhalb der Anwendung sowie die durch Lovable erstellten Proxye stellen zwei verschiedene Arten der Nutzung dar. Dabei werden Betriebspunkte je nach tatsächlichem Verbrauch an Modellen, Eingaben/Ausgaben, Bildern, Videos oder Audio abgezogen.

Verbindungsprogramme ermöglichen es, Dienste wie Slack, Notion, HubSpot und Google Workspace in Chat- oder Publishing-Apps zu integrieren. Es wird eine integrierte Zahlungsfunktion für Stripe und Paddle bereitgestellt; Ab der Version Pro können nach Überprüfung im Testumfeld echte Abonnements oder Einmalkäufe veröffentlicht werden.

Git-Synchronisierung und externe Bereitstellung

Alle Lösungen können mit GitHub oder GitLab über Git synchronisiert werden. Bei den kostenpflichtigen Lösungen kann man die Codebibliotheken direkt herunterladen. Die Benutzer können weiterhin in ihrer lokalen IDE entwickeln, Änderungen durch Pull Requests prüfen und die Frontend-Elemente auf anderen Hosting-Plattformen veröffentlichen.

Ein Git-Repository enthält nur den Code sowie die Informationen zur Datenbankmigration – nicht jedoch die tatsächlichen Daten in der Datenbank. Bei der Migration des Cloud-Backends müssen außerdem die Daten, die Storage-Dateien, die Authentifizierungs-Einstellungen sowie die Sicherheitschlüssel exportiert werden, und die entsprechenden Dienste neu konfiguriert werden.

Konstruktion, Betrieb und Bereitstellungsmethoden

Liebenswerte Preise

Lovable bietet derzeit die Versionen Free, Pro, Business und Enterprise an. Bei Pro und Business wird nicht pro Stelle abgerechnet, sondern die gekauften Punkte sowie die Rechnungen werden im gesamten Arbeitsbereich geteilt; es gibt keine Begrenzung der Anzahl der Mitglieder.

Free, Pro und Business beinhalten derzeit jeweils einen begrenzten kostenlosen Zugang zu 20 Cloud-Punkten sowie 4 AI-Punkten innerhalb der App. Laut offiziellen Angaben handelt es sich dabei um eine vorübergehende Maßnahme. Nach Ablauf dieser Zeit werden weiterhin die allgemeinen Punkte aus dem Arbeitsbereich für Cloud und AI verwendet.

Mehrere Preisstufen für Pro und Business

Die Behörden bieten außerdem Zwischenwerte wie 1.200, 3.000, 4.000, 5.000 und 7.500 Punkte an. Bei jährlicher Zahlung werden die Punkte weiterhin monatlich ausgeschüttet. Für Pro-Kunden kostet ein Zusatz von 50 Punkten 15 US-Dollar, für Business-Kunden 30 US-Dollar.

Gültigkeitsdauer der Punkte und unzureichender Saldo

Die monatlichen Punkte im Monatsabonnement sind ab dem Zeitpunkt der Ausstellung 2 Monate gültig. Die Punkte im Jahresabonnement werden monatlich ausgegeben und sind nach Ablauf des Jahreszyklus nach 1 Monat ungültig. Zusätzlich erworbenen Punkten gilt eine Gültigkeit von 12 Monaten.

Tägliche Punkte für die Erstellung sowie Geschenke für Cloud- und AI-Anwendungen sind nicht übertragbar.

Nachdem der Saldo auf Null gesetzt wurde, wird die Erstellung gestoppt, die KI-Funktionen innerhalb der Anwendung funktionieren nicht mehr. Datenbanken, Authentifizierungsmechanismen sowie Speichersysteme, die auf einen Cloud-Backend angewiesen sind, können ebenfalls ausfallen. Die statischen Publikationsseiten bleiben weiterhin zugänglich; sobald wieder Punkte verfügbar sind, wird der Dienst wieder funktionieren.

Anleitung zur Nutzung von Lovable

Erste Full-Stack-Anwendung aus einer Anfrage erstellen

1. Geben Sie den Benutzer, die Kernaufgaben, die notwendigen Seiten sowie die Erfolgskriterien an.
2. Zuerst werden im Plan-Modus Daten, Berechtigungen und technische Grenzen erörtert;
3. Nach Bestätigung des Plans wird in den Build-Modus gewechselt, um die erste Version zu erstellen;
4. Überprüfen Sie im Vorschau-Modus die Layouts für Desktop und Mobilgeräte;
5. Es wird verlangt, dass der Browser die Registrierung, Anmeldung sowie die wichtigsten Geschäftsprozesse testet;
6. Beheben Sie die Fehler einzeln und überprüfen Sie den tatsächlichen Punktverbrauch bei jeder Aktion;
7. Verbinden Sie den Domainnamen nach dem Test und veröffentlichen Sie ihn.

Sichere Datenbanken und Anmeldungen erstellen

1. Listen Sie den Zugriffsbereich von Besuchern, normalen Benutzern und Administratoren auf;
2. Aktivieren Sie die Cloud-Zertifizierung und erstellen Sie die notwendigen Datentabellen;
3. Legen Sie für jede Tabelle eine RLS-Strategie mit minimalen Berechtigungen fest;
4. Legen Sie die Zahlungs- und externe API-Logik in Edge Functions.
5. Speichern Sie alle Schlüssel im Secret-Speicher auf der Serverseite;
6. Führen Sie grundlegende oder umfassende Sicherheitsscans durch und kümmern Sie sich um die festgestellten Probleme;
7. Testen Sie mit verschiedenen Konten Übergriffe, Löschungen und abnormale Eingaben.

GitHub synchronisieren und für eine eigenständige Bereitstellung vorbereiten

1. Im Projekt-Einstellungen-Dialog wird ein bestimmtes GitHub-Konto oder eine Organisation verknüpft;
2. Wählen Sie den neuen Lagerort aus und überprüfen Sie, ob der ursprüngliche Code erfolgreich synchronisiert wurde;
3. Laden Sie das Projekt lokal herunter und erstellen Sie eine Funktionsbranche;
4. Überprüfung von künstlicher und manueller Bearbeitung durch Pull Request;
5. Konfiguration der Build- und Umgebungsvariablen für externe Hosting-Plattformen;
6. Wenn der Backend-Server umgezogen wird, exportieren Sie die Datenbank- und Storage-Dateien separat;
7. Nach Abschluss der Domain-Einrichtung, der Authentifizierungs-Rückrufe, des Backups und der Überwachung wird auf den neuen Weg umgestellt.

Für welche Benutzer geeignet

• Nicht-technische Unternehmer: Schnelle Überprüfung von SaaS-, Markt- und Produktprozessen;
• Produktmanager: Die Anforderungsdokumente in praktikable Anwendungen umsetzen;
• Designer: Vom Interface-Referenzmodell bis hin zu einem funktionsfähigen Full-Stack-Prototypen;
• Markt und Betrieb: Erstellung von Landing Pages, Veranstaltungswerkzeugen und internen Systemen;
• Entwickler: Erstversion des Codes erstellen und weiterhin über Git warten;
• Agentur: Schnelle Erstellung von portablen Projekten für mehrere Kunden;
• Unternehmensteam: Gemeinsam unter Governance, Identitäts- und Sicherheitskontrolle aufgebaut.

Die Vorteile von Lovable

• Direkte Erstellung von Standard-React- und TypeScript-Projekten aus natürlicher Sprache;
• Trennung von Planen und Bauen – geeignet für Entscheidungen vor der Umsetzung.
• Integrierte Tests für den Browser, Frontend-Tests sowie Überprüfung von Edge Functions;
• Cloud verringert die anfängliche Konfiguration von Datenbanken, Authentifizierung und Bereitstellung;
• Git- bidirektionale Synchronisierung und Code-Download bieten einen Migrationsweg;
• Die Arbeitsbereiche haben keine Mitgliedsbeschränkung und teilen Punkte, was sie für gemeinsame Experimente geeignet macht;
• MCP, API, Anschlüsse und das offizielle SDK unterstützen die Automatisierung.

Einsatzbeschränkungen und Hinweise

• Free bietet maximal 30 tägliche Build-Punkte pro Monat – bei komplexen Anwendungen sind diese schnell aufgebraucht.
• Der Aufbau, der Betrieb in der Cloud sowie die Nutzung von KI innerhalb einer Anwendung werden alle aus demselben gemeinsamen Kontostand abgezogen.
• Hoher Datentransfer, große Datenbanken sowie häufige AI-Aufrufe erhöhen die laufenden Kosten.
• Von KI erzeugter Code kann Angriffsvektoren wie Übergriffe, Injection-Angriffe sowie Schwachstellen in der Geschäftslogik aufweisen;
• Die Git-Synchronisierung beinhaltet keine tatsächlichen Daten der Datenbank oder Storage-Dateien.
• Die täglichen Backups der Datenbank umfassen nicht die Dateispeicherung;
• Wenn der Saldo null ist, können der Cloud-Backend und die KI innerhalb der Anwendung ausgesetzt werden;
• Native Mobile-Apps sind nicht die derzeit hauptsächliche Lieferform von Lovable.

Sicherheit, Privatsphäre und Codeeigentum

Die offizielle Unternehmensseite von Lovable weist Zertifizierungen nach SOC 2 Type II und ISO 27001 auf und bietet für Business- sowie Enterprise-Kunden SSO sowie ein Sicherheitszentrum. Die Plattformzertifizierung bedeutet jedoch nicht automatisch, dass jede erstellte Anwendung sicher ist; RLS, Serverauthentifizierung und Eingabenüberprüfung bleiben in der Verantwortung des jeweiligen Projekts.

Der Benutzer besitzt den generierten Code, die Websites, die Anwendungen sowie die Kundendaten, die in Lovable gespeichert sind. Dennoch unterliegt er weiterhin den Beschränkungen durch das zugrunde liegende KI-Modell sowie die Rechte Dritter an den verwendeten Materialien. Bei der Veröffentlichung von kommerziellen Projekten sollten Lizenzbedingungen, Bildrechte, Datenschutzrichtlinien sowie Vereinbarungen zur Datenverarbeitung überprüft werden.

• Alle Logiken zur Sicherheit und Dateneintegrität befinden sich auf der Serverseite;
• Überprüfen Sie die RLS Tabell für Tabell, um Anonymität oder vollständige Offenlegung der Tabellen zu vermeiden;
• Einschränkung des Berechtigungsumfangs für Git, Connector und externe Mitwirkende;
• Vor der Produktion werden Daten exportiert und ein eigenständiges Katastrophenschutzkonzept erstellt;
• Die Felder für Zahlungen und persönliche Informationen sollten einer manuellen Sicherheitsprüfung unterzogen werden.

Erklärungen zu API, MCP und Open Source

Lovable bietet Build mit URL, einen offiziellen MCP-Server sowie eine schrittweise erweiterbare öffentliche API. MCP unterstützt ChatGPT, Claude, Claude Code, Cursor und VS Code und ermöglicht es, Projekte zu erstellen, Build-Nachrichten zu senden, Code zu überprüfen und Anwendungen zu deployen.

Das offizielle TypeScript SDK ermöglicht es, mithilfe der öffentlichen Lovable-API Projekte zu erstellen, zu verwalten, zu veröffentlichen und zu remixen. Dabei wird die MIT-Lizenz verwendet. Die Kernplattform von Lovable ist kein Open-Source-Produkt; GPT Engineer ist seine Open-Source-Vorlage. Open Lovable ist ein Projekt derselben Bezeichnung, das von einer unabhängigen Gemeinschaft entwickelt wurde.

Häufige Fragen

Kann Lovable kostenlos verwendet werden?

Ja, Free gibt täglich 5 Build-Punkte aus, jedoch maximal 30 pro Monat. Dazu gehören monatlich 20 Cloud-Punkte sowie 4 AI-Punkte innerhalb der App. Die kostenlos zur Verfügung gestellten Punkte sind nicht übertragbar.

Wie viel kostet das Lovable Pro?

Pro beginnt bei 25 US-Dollar pro Monat bzw. 100 Punkten, bei jährlicher Zahlung sind es 250 US-Dollar. Es stehen außerdem verschiedene Stufen mit monatlichen Punktzahlen von 200 bis 10.000 zur Verfügung; die Anzahl der Mitglieder im Arbeitsbereich ist unbegrenzt und die Punkte können geteilt werden.

Kann der von Lovable erzeugte Code exportiert werden?

Ja, alle Pläne unterstützen die Git-Synchronisierung. Bei den kostenpflichtigen Plänen kann man außerdem die Codebasis direkt herunterladen. Datenbankdaten, Dateien und Schlüssel müssen separat exportiert werden.

Kann Lovable im Backend eingesetzt werden?

Ja, Lovable Cloud bietet PostgreSQL, Authentifizierung, Speicherung, Echtzeitdaten sowie Edge Functions – außerdem ist es möglich, eigene Supabase-Projekte anzuschließen.

Ist Lovable open source?

Die Kernplattform ist kein Open-Source-Software. Das offizielle TypeScript SDK sowie einige Komponenten nutzen Open-Source-Lizenzen. GPT Engineer ist die Open-Source-Vorversion, entspricht aber nicht dem vollständigen Quellcode von Lovable der aktuellen Version.