KI App erstellen: Vom Prompt zur fertigen Web-App

Wie du mit KI-Buildern wie Lovable, Bolt, v0 oder Base44 eine eigene Web-App baust. Tools, Schritte, Kosten und typische Fehler.

09. Juni 202611 Min. LesezeitEinstiegvon Marcel Kleber

Eine App mit KI zu erstellen heißt heute: Idee beschreiben, Tool wählen, in kleinen Schritten iterieren, veröffentlichen. Was vor zwei Jahren ein mehrtägiger Setup-Marathon war, ist jetzt ein Abend Arbeit.

Kurzantwort

Für die meisten Web-Apps ist Lovable der schnellste Weg. Du beschreibst das Projekt in natürlicher Sprache, bindest Supabase als Backend an, iterierst über Prompts und veröffentlichst mit einem Klick. Kosten liegen mit eigener Domain und Free-Backend bei rund 25 USD pro Monat.

Was eine KI-App heute ist

Eine KI-App in diesem Kontext meint nicht eine App, die intern KI-Modelle nutzt, sondern eine App, die mit Hilfe von KI gebaut wird. Die Methode dahinter heißt Vibe Coding: du beschreibst dein Ziel in natürlicher Sprache, ein Modell generiert passenden Code, du prüfst das Ergebnis und steuerst nach.

In 5 Schritten zur ersten App

  1. Idee schärfen. Beschreibe das Problem in zwei Sätzen, benenne die Hauptfunktion und den typischen Nutzer. Eine strukturierte Variante davon liefert der Initial-Prompt Generator.
  2. Tool wählen. Web-App mit Login, am ehesten Lovable. UI-Komponente, am ehesten v0. Internes Tool, am ehesten Base44.
  3. Erstprompt senden. Inhalt: was die App tut, welche Seiten sie hat, welche Daten dabei entstehen, welcher Design-Stil.
  4. Iterieren. Eine Änderung pro Prompt. Nicht alles auf einmal umbauen, sonst zerschießt die KI funktionierende Teile.
  5. Veröffentlichen. One-Click-Deploy nutzen, Link an drei Bekannte schicken, Feedback einbauen.

Die wichtigsten KI-Builder im Überblick

ToolStärkeStackPreis
LovableKomplette Web-Apps mit Auth und DatenbankReact, TypeScript, Supabaseab 25 USD/Monat, Free-Plan
BoltSchnelle Prototypen im BrowserStackBlitz, JavaScript-Stacksab 20 USD/Monat, Free-Plan
v0UI-Komponenten und Design-IterationNext.js, shadcn/ui, Tailwindab 20 USD/Monat, Free-Plan
Base44Interne Tools, Dashboards, CRUD-AppsEigene Laufzeit (App-Builder)ab 20 USD/Monat, Free-Plan
CursorBestehende Repositories, tiefe Code-ArbeitBeliebigab 20 USD/Monat

Der ausführliche Vergleich aller relevanten Tools liegt im Tool-Vergleich. Wer zwischen Lovable und Cursor schwankt, findet die Antwort im direkten Duell der beiden.

Kosten realistisch eingeschätzt

  • Free-Phase (0 €): Lovable Free, Supabase Free, Lovable-Subdomain. Reicht für ersten Wurf und Bekanntenkreis-Test.
  • Produktiv Solo (25 bis 35 €): Lovable Pro plus Domain. Supabase Free reicht häufig noch.
  • Produktiv mit Nutzern (40 bis 80 €): Plus Supabase Pro (25 USD), plus Domain und ggf. transaktionale Mails.

Sicherheit nicht der KI überlassen

Die häufigste Lücke in KI-generierten Apps sind fehlende oder zu permissive RLS-Policies. Prüfe nach jedem größeren Schritt in der Supabase-Oberfläche unter Authentication, dass jede Tabelle Policies hat, die auf auth.uid() einschränken. Die Projekt-Checkliste führt das systematisch durch.

Typische Fehler

  • Zu großer Erstprompt. Wer alles in einem Prompt beschreibt, bekommt ein unspezifisches Ergebnis. Lieber Grundgerüst, dann ein Feature nach dem anderen.
  • Keine Versionierung. Wer keinen Stand sichert, kann schlechte Iterationen nicht zurückrollen. In Lovable hilft die History, bei Cursor das Git-Repository.
  • Tool-Wechsel mitten im Projekt. Selten gut. Erst zu Ende bauen, dann beim nächsten Projekt das Tool wechseln.

Wie es nach der ersten App weitergeht

Sobald die App steht, lohnt sich ein strukturierter Blick auf MVP, Launch und Betrieb. Domain, Analytics, Mails, Monitoring und ein Bezahlflow sind Aufgaben, die man besser nicht freihändig löst. Der MVP-Guide nimmt den ersten Block ab.

Häufige Fragen

Praxis statt Theorie

Bau deine eigene App, von der Idee bis zum Launch

Der Builder School Praxis-Guide nimmt dich Schritt für Schritt mit. Sechs Phasen, ehrliche Prompts, Checklisten und Tools.

Weiterlesen