Was es ist
Lovable macht aus einem Chat-Prompt eine Full-Stack-Web-App und hostet sie für dich. Gründer, Indie-Hacker und Produktleute, die eine App lieber beschreiben als programmieren.
Hier starten
Lovable-App → App StoreSchritt für Schritt von der veröffentlichten Lovable-URL zum App Store-Eintrag, mit den Lovable-spezifischen Checks.Lovable-App → Google PlayDie Android-Anleitung für Lovable-Apps, inklusive Einrichtung der Play Console und der 12-Tester-Regel.Lovable: App Store + Google PlayBeide Stores aus einer URL: Unterschiede, Kosten und der parallele Plan.Lovable-App abgelehnt: LösungenAbgelehnt? Die Triage für Lovable-Apps, die üblichen Gründe und eine Antwortvorlage.
Native Features für Lovable-Apps
Jede Feature-Seite erklärt den nativen Teil (eine Einstellung oder ein URL-Aufruf) und den Web-App-Teil für deinen Lovable-Stack, mit einem Prompt zum Einfügen.
Push-BenachrichtigungenWeb-Push im Browser funktioniert auf iOS nur für Web-Apps auf dem Home-Bildschirm, und die meisten Nutzer bekommen ihn nie zu sehen. Als native App mit WebViewGold bekommt deine Lovable-App das Original: echte System-Push-Benachrichtigungen auf iOS und Android, verschickt aus deinem Backend, aus einem Dashboard oder zeitgesteuert per eigenem JavaScript.In-App-KäufeBezahlt wird in deiner Lovable-App vermutlich mit Stripe, meist über Supabase Edge Functions angebunden. Im Web bleibt das so. In der iOS-App verlangt Apple für digitale Güter den In-App-Kauf (Guideline 3.1.1), auf Android gilt Google Play Billing. WebViewGold erledigt beides über RevenueCat, mit einem einzigen URL-Aufruf aus deiner Web-App.Google-Login und Sign in with AppleLovable-Apps nutzen meist Supabase Auth (E-Mail/Passwort, Magic Links, Google, GitHub, Apple) oder Lovable Cloud. Der Login mit E-Mail und Passwort funktioniert in einer WebViewGold-App unverändert. Google und andere OAuth-Anbieter blockieren eingebettete WebViews, und Apple hat noch eine eigene Regel. So bringst du jede Login-Methode in der App zum Laufen, ohne deinen Auth-Code anzufassen.Biometrischer LoginEin Passwortfeld fühlt sich nach Website an. Face ID fühlt sich nach App an. WebViewGold ergänzt deine Lovable-App um biometrische Authentifizierung, und zwar in zwei Varianten: eine einfache App-Sperre, die du in der Konfiguration einschaltest, oder eine JavaScript-API (
bioauth://), die das Ergebnis an deine Web-App zurückgibt, damit du genau die Bildschirme schützt, die du willst.QR-Code- und Barcode-ScannerQR-Scannen per Browser in einer WebView ist langsam und fordert ständig Berechtigungen an. WebViewGold öffnet den nativen Kamera-Scanner über einen Link (qrcode:// oder barcodescanner://) und gibt das Ergebnis direkt an deine Lovable-App zurück: Eine URL wird automatisch geöffnet, ein Barcode-Wert landet in einer JavaScript-Variable.Standort und GPSDeine Lovable-App ruft bereits navigator.geolocation auf. In einer WebViewGold-App löst dieser Aufruf den echten System-Dialog zur Berechtigung aus, und die Position kommt vom GPS des Geräts statt aus einer Schätzung des Browsers. Kein nativer Code: Du schreibst nur den Zwecktext und beantwortest die Fragebögen der Stores.AdMob-WerbungWeb-Werbenetzwerke zahlen in Apps wenig und funktionieren in WebViews oft nicht richtig. WebViewGold integriert das native AdMob SDK: ein Banner unter deiner Lovable-App, Interstitials nach einer bestimmten Zahl von Interaktionen und Rewarded Videos, die du per JavaScript auslöst, wenn der Nutzer zusätzliche Credits oder Inhalte haben möchte.Offline-ModusReviewer schalten den Flugmodus ein. Nutzer fahren U-Bahn. Eine Lovable-App, die offline eine weiße Seite zeigt, wirkt kaputt; ein nativer Offline-Bildschirm mit „Erneut versuchen“-Button wirkt wie eine App. WebViewGold bietet dir drei Stufen der Offline-Unterstützung, und welche passt, hängt von deinem Stack ab (React + Vite + Tailwind CSS + shadcn/ui im Frontend, meist Supabase (oder Lovable Cloud) für Auth, Datenbank und Edge Functions).Deep LinksEin Nutzer tippt in seiner E-Mail auf den Magic Link von Supabase Auth (E-Mail/Passwort, Magic Links, Google, GitHub, Apple) oder Lovable Cloud und landet in Safari: im Web eingeloggt, in der App aber nicht. Universal Links und App Links lösen das: https-Links auf deine Domain öffnen direkt die Lovable-App. Hier ist das komplette Setup, plus Links mit eigenem Schema für QR-Codes und andere Apps.Natives Teilen und HaptikZwei Kleinigkeiten lassen eine Lovable-App schon in der ersten Minute nativ wirken: ein echtes Share Sheet (AirDrop, Nachrichten, WhatsApp, Mail) statt eines kopierten Links und eine dezente Vibration, wenn etwas geklappt hat. WebViewGold stellt beides als URL-Aufrufe bereit, die du an bestehende Buttons hängen kannst.Datei-Downloads und Kamera-UploadsEine einfache WebView ignoriert einen PDF-Download stillschweigend und zeigt eine nackte Dateiauswahl. WebViewGold speichert Bilder in der Fotomediathek (savethisimage://?url=…), lädt PDFs, Audio, ePub und Office-Dateien herunter und öffnet für jedes <input type="file"> in deiner Lovable-App die native Kamera oder Galerie.In-App-BewertungBewertungen entscheiden, ob ein Store-Eintrag konvertiert. Mit WebViewGold zeigt deine Lovable-App den nativen Bewertungsdialog (rateapp://) genau dann, wenn ein Nutzer zufrieden ist: nach einer abgeschlossenen Bestellung, einem beendeten Workout, einem gespeicherten Projekt. Den Moment bestimmst du in deiner Web-App; der native Teil ist ein einziger Aufruf.Eigenes CSS und JavaScriptDie Website braucht ein Cookie-Banner, einen Footer mit 30 Links und ein Badge „Lade unsere App“. Die App braucht nichts davon. WebViewGold injiziert eine custom.css und eine custom.js in jede Seite deiner Lovable-App, die in der App geladen wird. So bleibt die Website unangetastet, und die App sieht aus wie eine App.NFC-Tag-ReaderSafari gibt Websites überhaupt keinen NFC-Zugriff, und Web NFC gibt es nur in Chrome auf Android. Mit WebViewGold als App verpackt, startet deine Lovable-App mit einem einzigen Link einen nativen NFC-Scan und bekommt den Inhalt des Tags in einer JavaScript-Funktion geliefert: auf Android über die dokumentierte NFC-API, auf dem iPhone über das NFC-Plugin von WebViewGold. Check-ins, Geräte-Tags und Visitenkarten zum Antippen werden so zu ein paar Zeilen Code.DokumentenscannerWenn deine Lovable-App einen Datei-Upload hat, kann sie auch einen echten Dokumentenscanner haben. WebViewGold ergänzt den nativen Upload-Dialog um einen Eintrag zum Scannen von Dokumenten: Apple VisionKit auf dem iPhone und Google ML Kit auf Android erkennen die Seitenränder, schneiden jede Seite zu, verbessern sie und übergeben das Ergebnis wie jeden anderen Upload an dein vorhandenes Datei-Eingabefeld.Drucken und AirPrintDer Drucken-Button, der im Browser funktioniert, bleibt in einer App meist stumm, weil App-WebViews window.print() nicht so behandeln wie Safari oder Chrome. WebViewGold gibt deiner Lovable-App eine native Alternative: printitem:// lädt ein PDF oder Bild von deinem Server und öffnet den Druckdialog des Systems, also AirPrint auf dem iPhone und den Android-Druckdienst, mit „Als PDF speichern“ als Option.Kopieren und EinfügenKopieren-Buttons, die stillschweigend scheitern, und Einfügen-Felder, die leer bleiben, sind klassische WebView-Ärgernisse. In einer WebViewGold-App liest deine Lovable-App die Zwischenablage des Geräts auf Abruf mit getclipboard:// (der Inhalt landet in der Variable clipboarddata), und kopiert wird mit der normalen Web-Clipboard-API samt Fallback. Hier ist das Muster, plus die Datenschutzregeln, die beide Plattformen durchsetzen.KontaktzugriffFreunde-finden-Bildschirme, Gruppeneinladungen und Apps zum Aufteilen von Rechnungen wollen oft ans Adressbuch. In einer WebViewGold-App fragt deine Lovable-App mit requestcontactpermission:// nach der Berechtigung und bekommt nach readcontacts:// Namen und Telefonnummern als JSON in der Variable contacts. Der Code ist in Minuten geschrieben; ob die App das Review besteht, entscheidet, wie du die Daten nutzt.Video- und AudiowiedergabeEin HTML5-Video-Tag funktioniert auch in der App, aber lange Lektionen wirken beengt, und die Wiedergabe stoppt meist, sobald der Nutzer die App wechselt. Mit WebViewGold übergibt deine Lovable-App eine Stream-URL mit einem einzigen Link (startnativevideo://) an den nativen Player. So bekommen Zuschauer auf beiden Plattformen Vollbild und Bild-in-Bild (Picture-in-Picture), auf dem iPhone zusätzlich AirPlay. Auf iOS kannst du HTML-Audio außerdem im Hintergrund weiterlaufen lassen, ideal für Podcasts, Radio und Audiokurse.Screenshot-SchutzBezahlte Lektionen, private Chats, Kontostände, Einmal-Gutscheine: Manche Bildschirme sollen nicht im Gruppenchat landen. WebViewGold kann Screenshots und Bildschirmaufnahmen auf Android blockieren und auf iOS erkennen und ruft dann eine JavaScript-Funktion in deiner Lovable-App auf, damit du reagieren kannst. Dasselbe Toolkit funktioniert auch andersherum: takescreenshot:// speichert einen Bildschirm gezielt in den Fotos, etwa für Tickets und Belege.HealthKit und Health ConnectFitness-Tracker, Habit-Apps und Coaching-Tools, die mit Lovable gebaut sind, können die echte Schrittzahl, die Herzfrequenz oder das Gewicht des Nutzers anzeigen, statt ihn alles eintippen zu lassen. WebViewGold liest und schreibt Apple Health (HealthKit) auf iOS und Health Connect auf Android mit denselben zwei URL-Schemes. Der Code ist der leichte Teil; die Store-Regeln für Gesundheitsdaten verdienen den Großteil deiner Aufmerksamkeit.KalendertermineEine Buchung, die nicht im Kalender des Nutzers steht, ist ein No-Show mit Ansage. Auf iOS lässt WebViewGold Nutzer über einen einfachen Link auf eine .ics-Datei einen Termin in die Kalender-App übernehmen, deine Lovable-App braucht also nichts weiter als eine URL, die den Termin liefert. Android hat in WebViewGold keine eigene Kalender-API; hier erfährst du, was dort stattdessen funktioniert.TaschenlampeEine Seriennummer im dunklen Lager ablesen, einen Zähler im Keller prüfen, im Konzert den Sitzplatz finden: Manchmal braucht deine Lovable-App einfach Licht. WebViewGold schaltet die Taschenlampe des Smartphones über zwei Links ein und aus, enableflashlight:// und disableflashlight://, auf iOS und Android. Es ist ein kleines Feature, das am besten als Helfer in einem größeren Ablauf funktioniert.Share ExtensionEin Lesezeichen-Tool, eine Rezeptsammlung oder ein Moodboard ist nur dann wirklich nützlich, wenn Speichern mit einem Tipp erledigt ist. Mit WebViewGold erscheint deine Lovable-App im Share Sheet von iOS und Android, und alles, was der Nutzer teilt (ein Link, ein Text, ein Foto), kommt in deiner Web-App als JavaScript-Variable sharedData an. Dein Code entscheidet, was dann passiert: ein Formular vorausfüllen, den Inhalt in deinem Backend speichern oder einen Editor öffnen.Widgets und ShortcutsAuf dem Homescreen zeigt eine App, dass sie mehr ist als ein Lesezeichen. Auf iOS gibt WebViewGold deiner Lovable-App vier Wege, dort präsent zu sein: ein Bild-Widget, das dein Server aktuell hält, Quick Actions per langem Druck auf das Icon, Siri-Sätze, die dein JavaScript ausführen, und alternative App-Icons. Für Widgets und Quick Actions gibt es auf Android kein Gegenstück in WebViewGold, deshalb zeigt dieser Guide dort auch die ehrlichen Alternativen.Apple-Wallet-PässeWenn deine Lovable-App Event-Tickets verkauft, ein Treueprogramm betreibt oder Coupons verteilt, gehört der Pass in Apple Wallet, auf den Sperrbildschirm, genau dann, wenn er gebraucht wird. WebViewGold liefert das fehlende Bindeglied: Ersetze in deiner .pkpass-URL https:// durch addpkpass://, und iOS zeigt das native Fenster „Zu Apple Wallet hinzufügen“. Erstellen und signieren musst du den Pass weiterhin selbst, und auf Android funktioniert Google Wallet über einen eigenen Speicherlink im Web.Nativer Speicher und Geräte-IDNutzer erwarten, dass sich eine App an sie erinnert. Cookies und localStorage halten deine Lovable-App meist eingeloggt, sind aber Web-Speicher und verschwinden mit dem Cache. WebViewGold ergänzt zwei kleine native Helfer: einen dauerhaften Wertespeicher (writevalue:// und readvalue://) für Einstellungen und das Wiederherstellen der Session sowie eine Geräte-UUID (get-uuid://) für gerätegebundene Lizenzen, vertrauenswürdige Geräte und Einstellungen pro Gerät auf deinem Server.Werbung mit Meta Audience NetworkWenn deine Zielgruppe auf Facebook und Instagram unterwegs ist, kann Meta Audience Network eine Alternative zu AdMob sein. WebViewGold integriert das native Audience Network SDK: zeitgesteuerte oder seitenbasierte Interstitials auf iOS, Banner und Interstitials auf Android, konfiguriert in Config.swift und Config.java und gesteuert aus deiner Lovable-App. Hier findest du die Einrichtung, den Datenschutz-Papierkram und die Stellen, an denen Werbe-Apps abgelehnt werden.Native Tab-Leiste und NavigationEin Hamburger-Menü und ein Website-Header sind der schnellste Weg, eine Lovable-App wie ein Lesezeichen wirken zu lassen, und genau das bewerten Reviewer unter Guideline 4.2. WebViewGold ergänzt auf iOS eine native Tab-Leiste oder Sidebar und auf Android eine Material-Bottom-Navigation oder einen Drawer, jeweils in einer einzigen Datei konfiguriert, während deine Web-App weiter das Routing übernimmt.Splash-Screen und LadeanzeigeZwei Sekunden weißer Bildschirm nach dem Start: So sammelt eine Lovable-App einen Hinweis nach Guideline 2.1 oder eine Ein-Stern-Bewertung. Die native App öffnet sich sofort, deine Web-App braucht einen Moment. WebViewGold überbrückt diesen Moment mit einem Splash-Screen in deinem Branding, einer nativen Ladeanzeige und Pull-to-Refresh, und ein paar Zeilen in deiner Web-App machen die Übergabe unsichtbar.Safe Area und StatusleisteEine Lovable-App, die im Browser perfekt aussah, kann ihren Header unter der Dynamic Island verlieren, ihre Tab-Leiste unter dem Home-Indikator oder ihre Uhrzeit an Weiß auf Weiß im Dunkelmodus. WebViewGold hält deine Seite standardmäßig innerhalb der Safe Area und färbt die Statusleiste nativ oder per JavaScript. Hier erfährst du, wann du dich darauf verlässt und wann du per CSS auf Edge-to-Edge gehst.Force Update und VersionsprüfungDeine Lovable-Web-App aktualisiert sich mit jeder Veröffentlichung, die native Hülle drumherum aber erst, wenn Nutzer eine neue Store-Version installieren. Wenn ein neues Feature eine neuere Hülle braucht oder alte Builds auf eine URL zeigen, die du abschaltest, musst du wissen, wer hinterherhinkt. WebViewGold gibt deiner Web-App die installierte Version; ein paar Zeilen Code machen daraus ein freundliches Banner oder einen harten Update-Bildschirm.Externe Links und URL-HandlingIm Web funktioniert ein Link zu Stripe, zum Google-Login, zu WhatsApp oder zu deinem Hilfe-Center einfach. In einer App braucht jeder Link ein Ziel: die App selbst, einen In-App-Browser-Tab, Safari oder Chrome oder eine andere App wie Mail, Telefon oder WhatsApp. Liegst du daneben, stranden Nutzer auf einer fremden Seite ohne Zurück-Button, sind am falschen Ort eingeloggt oder bezahlen im Browser, während die App wartet.Lovable auf einen Blick
Stack
React + Vite + Tailwind CSS + shadcn/ui im Frontend, meist Supabase (oder Lovable Cloud) für Auth, Datenbank und Edge Functions
Veröffentlichung und Hosting
Klicke im Lovable-Editor auf Publish. Lovable baut das Produktions-Bundle und hostet es unter der lovable.app-Adresse deines Projekts. Jedes weitere Publish ersetzt die Live-Version, deine App in den Stores aktualisiert sich also in dem Moment, in dem du erneut veröffentlichst.
Authentifizierung
Supabase Auth (E-Mail/Passwort, Magic Links, Google, GitHub, Apple) oder Lovable Cloud
Zahlungen
Stripe, meist über Supabase Edge Functions angebunden
Builder-Badge
Edit with Lovable: Blende das Badge in den Projekteinstellungen aus, bevor du die App baust (die Option gibt es in den Bezahlplänen). Ein schwebender Link zu einem anderen Produkt innerhalb einer Store-App provoziert Rückfragen der Reviewer.
Beispiel: vom Lovable-Projekt zur freigegebenen App
Angenommen, du hast mit Lovable ein Buchungstool für Personal Trainer gebaut: Kunden wählen einen Termin, zahlen über Stripe eine Anzahlung und bekommen von Supabase eine Bestätigungsmail. Du veröffentlichst, verbindest book.yourdomain.com, blendest das Badge aus und trägst diese Domain in WebViewGold ein. Weil die Anzahlung eine echte Trainingseinheit vor Ort bezahlt, kann Stripe bleiben, und es braucht keinen In-App-Kauf. Du schaltest Push-Benachrichtigungen für eine Erinnerung am Vorabend jeder Einheit ein, dazu Universal Links, damit die Bestätigungsmail die Buchung in der App öffnet statt in Safari. Apple bittet um einen Demo-Account als Kunde, du trägst ihn in die Review-Notizen ein, und ab dann landet jedes Publish in Lovable ohne neue Einreichung in der App.
Deine erste Woche nach dem Launch
- Korrigiere Texte, Layout und kleine Bugs mit einem normalen Publish in Lovable; installierte Apps laden die neue Version beim nächsten Start.
- Setze in WebViewGold einen eigenen User-Agent und speichere bei jedem neuen Supabase-Profil die Plattform (iOS, Android oder Web), damit du siehst, wie viele Registrierungen die Stores bringen.
- Schick die erste Push-Kampagne am zweiten oder dritten Tag an alle, die installiert, aber das Onboarding nie abgeschlossen haben, und verlinke sie auf den Screen, den sie übersprungen haben.
- Ruf rateapp:// direkt nach einem Erfolgsmoment auf, etwa nach einer abgeschlossenen Buchung; Apple zeigt seinen nativen Dialog nur etwa dreimal im Jahr pro Nutzer, also verschenke ihn nicht beim ersten Start.
- Sammle Änderungen an der nativen Hülle (neues Icon, zusätzliche native Funktion, neue Universal-Link-Pfade) und liefere sie gemeinsam in einem Store-Update aus.
Store-Readiness-Prompt
In Lovable einfügen, Änderungen prüfen, veröffentlichen.
Prompt zum Einfügen in Lovable
Prepare this app for publishing as a native iOS and Android app (it will run inside a native WebView wrapper): 1. Add a /privacy and a /terms page with placeholder text I can edit, and link them from the footer and the settings screen. 2. Add a "Delete my account" button in the account settings that deletes the user's data and auth account via a Supabase function, with a confirmation dialog. 3. Make sure every page is responsive from 320px to iPad widths, with no horizontal scrolling and tap targets of at least 44px. 4. Remove any "Download our app" banners, external links in the main navigation and the Lovable badge. 5. Add a /offline-friendly empty state for failed network requests instead of a blank screen. 6. Set the <title> to the app name (max 30 characters) and add a meta description.
Das bekommst du mit WebViewGold
Ein komplettes natives App-Projekt statt eines Abos. Alles hier ist in der Lizenz enthalten und wird per Einstellung aktiviert.
- Natives App-Projekt
- Push-Benachrichtigungen
- Offline-Bildschirm
- App-Icon & Splashscreen
- Teilen-Dialog & Haptik
- Deep Links & Universal Links
- In-App-Käufe
- Kostenlose Updates, White-Label
Häufig gestellte Fragen
Akzeptiert Apple Apps, die mit Lovable gebaut wurden?
Ja. Apple prüft, was die App tut, nicht, welches Tool sie geschrieben hat. Eine Lovable-App, die sich wie eine App verhält (responsives Layout, native Navigation, keine toten Links), besteht das Review wie jede andere WebViewGold-App. Die Richtlinie, die du beachten musst, ist 4.2 Minimum Functionality: Ergänze nativen Mehrwert wie Push-Benachrichtigungen, Offline-Handling oder natives Teilen, was WebViewGold jeweils mit einer einzigen Einstellung einschaltet.
Muss ich den Lovable-Code exportieren, um eine App zu bauen?
Nein. WebViewGold lädt deine veröffentlichte Lovable-URL in einer nativen App-Hülle, die App zeigt also immer die aktuelle Version deines Projekts. Du arbeitest weiter in Lovable und fasst den generierten Code nie an, außer du willst es.
Funktioniert die App weiter, wenn ich das Lovable-Projekt ändere?
Ja. Weil die App deine veröffentlichte URL lädt, aktualisiert jedes Publish in Lovable die App sofort. Nur Änderungen an der nativen Hülle selbst (neues App-Icon, neue native Funktion) brauchen einen neuen Build und ein Store-Update.
Muss ich meine Lovable-App in eine PWA umwandeln, bevor ich sie verpacke?
Nein. WebViewGold lädt die veröffentlichte Lovable-URL direkt, ein Web-Manifest oder Service Worker ist also nicht nötig. Wenn du oder Lovable einen Service Worker für Offline-Caching eingebaut habt, teste, ob ein neues Publish wirklich in der App ankommt, denn ein aggressiver Cache kann weiter die vorherige Version zeigen; der eigene Offline-Screen von WebViewGold deckt den Offline-Fall meist auch ohne Service Worker ab.
Kann ich für eine Store-App Lovable Cloud statt eines eigenen Supabase-Projekts nutzen?
Ja. Apple und Google prüfen, was die App tut, nicht, wo die Datenbank liegt, und die App lädt einfach deine veröffentlichte URL. Entscheidend ist, dass Registrierung, Login, Passwort-Reset und Kontolöschung in der App funktionieren, teste also jeden dieser Schritte auf einem echten iPhone und einem echten Android-Handy, bevor du einreichst.
Drei Wege, deine App in die Stores zu bringen
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
Selbst machen
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehenCloud Builder
$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobierenFull Service
$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.