Lovable + Offline
Reviewer 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).
Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.
Standard. Hat das Gerät keine Verbindung, zeigt WebViewGold einen Offline-Bildschirm in deinem Branding mit „Erneut versuchen“-Button (offlinetitle, offlinemsg, offlinebuttontext) und verbindet sich automatisch neu (offlinescreenautoretry). Null Aufwand in deiner Web-App.
Die WebView cacht die Assets deiner App, damit wiederholte Starts schnell gehen. Ergänze in deiner Web-App freundliche Fehlerzustände für Anfragen, die mitten in der Session bei Supabase oder Lovable Cloud (Postgres, Storage, Edge Functions) fehlschlagen, und behalte Formulareingaben, wenn eine Anfrage scheitert.
Liefere einen statischen Build (oder eine schlanke Offline-Version) direkt in der App mit: offlinelocalhtmlswitch auf iOS, FALLBACK_USE_LOCAL_HTML_FOLDER_IF_OFFLINE auf Android. Online lädt die App die Remote-URL, offline den lokalen Ordner. Ideal für Content-Apps, Handbücher und Kataloge.
Füge das in Lovable ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Sorg dafür, dass diese App Offline-Situationen sauber abfängt (sie läuft in einem nativen mobilen Wrapper, der seinen eigenen Offline-Bildschirm nur zeigt, wenn schon die allererste Seite nicht lädt). 1) Füge oben ein schmales Banner „Du bist offline. Änderungen werden synchronisiert, sobald du wieder verbunden bist.“ hinzu, das über die Window-Events online und offline sowie navigator.onLine ein- und ausgeblendet wird. 2) Jeder Bildschirm, der Daten aus Supabase lädt, muss bei einem Abfragefehler einen freundlichen leeren Zustand mit einem Button „Erneut versuchen“ zeigen statt eines endlosen Spinners. 3) Konfiguriere den Query Client mit retry: 2 und einer kurzen Verzögerung zwischen den Versuchen. 4) Stell sicher, dass Formulare ihre Eingaben behalten, wenn das Absenden fehlschlägt. 5) Lass das App-Gerüst (Navigation, Logo) auch offline sichtbar.
Großartige Arbeit! Ich habe noch nie etwas programmiert, aber ich konnte damit arbeiten. Einfach und schnell! Auch mit großartiger Hilfe von den Erstellern!
Stufe 1 dauert zwei Minuten, Stufe 3 einen Nachmittag.
Lege Titel, Nachricht, Button-Text und Hintergrundfarbe in der Konfiguration (oder im Cloud Builder) fest. Sag, was der Nutzer tun kann („Verbinde dich neu, um deine Bestellungen zu sehen“).
Jeder Datenabruf aus Supabase oder Lovable Cloud (Postgres, Storage, Edge Functions) braucht einen Fehlerzustand mit Neuladen-Button, keine leere Liste. Brich nach ein paar Sekunden ab, statt endlos einen Spinner zu zeigen.
Zeig offline die zuletzt geladenen Dashboard-Zahlen oder Listen mit dem Hinweis „zuletzt aktualisiert“; ein Service Worker oder Local Storage in deiner Web-App reicht dafür.
Exportiere einen statischen Build der Teile, die offline Sinn ergeben (Hilfe, Katalog, gespeicherte Einträge), in den Ordner local-html und schalte das Fallback ein. Behalte die Remote-URL als primäre Quelle, damit Updates sofort ankommen.
Kaltstart, Start mit gecachter Session, Verbindungsabbruch mitten in der Session, erneute Verbindung. Genau das macht der Reviewer.
Nur mit einem lokalen HTML-Ordner (Stufe 3) oder einer PWA, die für Offline-Daten gebaut ist. Apps, die von Supabase oder Lovable Cloud (Postgres, Storage, Edge Functions) abhängen, zeigen den Offline-Bildschirm, bis die Verbindung zurück ist, und genau das erwarten Reviewer.
Die System-WebView unterstützt Standard-Caching; der Offline-Bildschirm von WebViewGold hängt nicht davon ab. Für garantiertes Offline-Verhalten nimm das lokale HTML-Fallback.
Ja: Texte (in bis zu drei Sprachen), Farben und das Verhalten beim erneuten Versuch sind Einstellungen im WebViewGold-Projekt.
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
$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 ansehen$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 ausprobieren$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.
App Store & Google Play Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
Lieber abgeben? Full Service: Wir konfigurieren, bauen und liefern innerhalb von 72 Stunden, ab $698 pro Plattform. Fragen? Chatte mit uns – 24/7.
Erstattungen erfolgen zu den in unseren FAQ genannten Bedingungen: eine nicht inhaltsbedingte Ablehnung durch Apple und/oder Google, geltend gemacht innerhalb von 14 Tagen nach dem Kauf.
