Wie mit Lovable, GitHub, Supabase, Median.co und Despia vollständige Anwendungen entstehen – ohne klassische Programmierung. Ein praxiserprobter Workflow für Unternehmer, Freelancer und Kreative.
Der Begriff Vibe Coding wurde im Februar 2025 von Andrej Karpathy geprägt – Mitgründer von OpenAI und ehemaliger KI-Chef bei Tesla. Die Kernidee: Statt Code Zeile für Zeile selbst zu schreiben, beschreibt man in natürlicher Sprache, was die Software tun soll. Ein KI-Modell generiert daraus funktionsfähigen Code.
Collins Dictionary wählte „Vibe Coding“ zum Wort des Jahres 2025. Y Combinator berichtete, dass 25% der Startups im Winter-2025-Batch Codebases hatten, die zu über 95% KI-generiert waren. Vibe Coding verschiebt den Fokus: weg von Syntax, hin zu Architektur, Produktvision und Nutzererlebnis.
Fünf Tools, die perfekt zusammenspielen und den gesamten Weg von der Idee bis zur veröffentlichten App abdecken:
Natürliche Sprache wird zur Full-Stack Web App mit React und Tailwind CSS. Account erstellen, Prompt formulieren, iterieren. → lovable.dev
Datenbank, Authentifizierung, Storage und Echtzeit-APIs. Native Integration mit Lovable. Row Level Security für Datensicherheit aktivieren. → supabase.com
Jede Änderung wird getrackt. Der Code gehört dir – nicht der Plattform. Exit-Strategie und Brücke zu Cursor, VS Code oder Claude Code. → github.com
URL-basiertes Wrapping ohne Code-Änderungen. Plugin-System für Push, Biometrie, QR-Scanner. Managed Publishing Service verfügbar. Ideal wenn die Web-App bereits steht und schnellstmöglich in die Stores soll. → median.co
SDK-Integration via npm-Paket direkt im Code. 25+ native APIs (In-App Purchases, Kontakte, Dateisystem, Widgets). Direkte Lovable-Integration per Custom Knowledge Prompt. Source Code Export für Xcode und Android Studio. → despia.com
Alles beginnt mit einem Prompt. Lovable generiert daraus eine vollständige Web-Anwendung mit React-Frontend und Tailwind CSS. Tipp: Den Prompt vorher in Claude oder ChatGPT strukturiert vorbereiten – das spart Credits.
Supabase liefert Datenbank, Auth, Storage und Echtzeit-APIs. In Lovable aktivieren, Tabellen anlegen, Row Level Security einrichten – entscheidend für Datensicherheit.
Lovable synchronisiert automatisch mit GitHub. Jede Änderung als Commit. Das Repo lokal klonen für Cursor oder VS Code. Branches für paralleles Experimentieren.
Beschreiben → Generieren → Testen → Verfeinern. Visual Editor für UI, Code Mode für Logik, Supabase Edge Functions für serverseitige Operationen. Regelmäßig auf verschiedenen Geräten testen.
Zwei gleichwertige Wege: Median.co (median.co) für URL-basiertes Wrapping ohne Code. Despia (despia.com) für SDK-Integration mit 25+ nativen APIs. Alternativ: Capacitor (capacitorjs.com) für lokale Builds, automatisierbar mit Claude Code (Terminal) oder Claude Cowork (Desktop).
iOS: Apple Developer Account ($99/Jahr), Build via Median.co, Despia oder Xcode + Capacitor, einreichen über App Store Connect. Android: Google Play Console ($25 einmalig), Build via Median.co, Despia oder Android Studio + Capacitor. Tipp: Claude Code und Claude Cowork können den gesamten Build- und Signing-Prozess automatisieren.
Vibe Coding mit Lovable, GitHub, Supabase, Median.co und Despia eignet sich hervorragend für Unternehmer, Freelancer und Kreative, die eine App-Idee schnell und kosteneffizient validieren wollen. Innerhalb weniger Tage von einer Idee zu einer veröffentlichten App im Google Play Store oder Apple App Store.
Produktverständnis und die Fähigkeit, klare Anforderungen zu formulieren, ersetzen jahrelange Programmiererfahrung. Über GitHub bleibt jederzeit der volle Zugriff auf den Code. Vibe Coding ist kein Ersatz für professionelle Softwareentwicklung bei sicherheitskritischen Systemen – aber für MVPs, SaaS-Prototypen und persönliche Projekte ein Gamechanger.
URL-basiertes Wrapping ohne Code-Änderungen. Plugin-System für Push, Biometrie, QR-Scanner. Managed Publishing Service verfügbar. Ideal wenn die Web-App bereits steht und schnellstmöglich in die Stores soll. Plattformen: iOS und Android.
SDK-Integration via npm-Paket direkt im Code. 25+ native APIs (In-App Purchases, Kontakte, Dateisystem, Widgets). Direkte Lovable-Integration per Custom Knowledge Prompt. Source Code Export für Xcode und Android Studio. Plattformen: iOS, Android, iPad, Vision Pro.
Welches Tool passt? Median.co für schnelles Wrapping ohne Code. Despia für tiefe native Integration. Capacitor + Claude Code/Cowork für maximale Build-Kontrolle. Alle drei liefern App-Store-Publishing – für den Apple App Store (via App Store Connect + Xcode) und Google Play Store (via Play Console + Android Studio).
Den initialen Prompt vorher in Claude oder ChatGPT ausarbeiten. Je detaillierter die Erstbeschreibung, desto besser das Ergebnis und desto weniger Credits werden verbraucht.
Row Level Security ist kein Optional. Ohne aktivierte RLS-Policies kann jeder auf alle Daten zugreifen. Lovable-generierter Code hat hier bekannte Schwachstellen – Policies immer manuell prüfen.
Vor großen Änderungen einen Branch erstellen. Wenn die KI etwas kaputtmacht, jederzeit auf eine funktionierende Version zurückwechseln. Das Repository ist auch der Startpunkt für spätere professionelle Weiterentwicklung.
Von Anfang an responsiv entwickeln. Lovable generiert standardmäßig responsive Layouts, aber spezifische Mobile-Anpassungen früh testen – bevor der Median.co- oder Despia-Wrapper zum Einsatz kommt.
Änderungen an der Web-App werden bei Median.co und Despia sofort in der nativen App sichtbar – ohne neuen App-Store-Upload. Das ist ein enormer Vorteil gegenüber klassischer nativer Entwicklung.