Eine Codebasis, echte Store-App
Die Android-App lädt deine veröffentlichte Dyad-URL in einer nativen WebView. Es gibt kein zweites Projekt zu pflegen und keinen Code-Export.
Warum Wrappen für Dyad-Apps besser ist als Neubauen
Dyad gibt dir ganz normalen React-Code auf deinem eigenen Rechner und überlässt das Hosting dir; sobald das Projekt auf Vercel liegt, hast du also genau das, was WebViewGold braucht: eine öffentliche HTTPS-URL. Das experimentelle Capacitor-Upgrade von Dyad packt den Build in native Projekte, die du bei jeder Änderung neu baust; WebViewGold lädt stattdessen das Live-Deployment, ein Sync to GitHub aktualisiert also die Apps. Supabase-Auth und -Daten laufen auf der Web-Seite unverändert weiter.
Weiter aus Dyad veröffentlichen
Synchronisiere in Dyad mit GitHub, dein Host baut neu und die App zeigt beim nächsten Start die neue Version, kein Store-Update nötig. Nur Änderungen an der nativen Hülle selbst (Icon, neues natives Feature) brauchen ein Store-Update.
Native Features obendrauf
Push-Benachrichtigungen, Offline-Screen, natives Teilen, biometrischer Login, QR-Scanner, In-App-Käufe und Deep Links sind einzelne Einstellungen oder einzeilige JavaScript-Aufrufe.
Google Play-Genehmigungsgarantie
Google Play Store Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen. 96.4% aller WebViewGold-Apps werden von den Review-Teams beim ersten Versuch genehmigt.
Was du brauchst
- Eine veröffentlichte Dyad-App unter einer öffentlichen HTTPS-URL (yourapp.vercel.app (oder die Adresse des Hosts, auf den du deployst) oder, besser, deine eigene Domain)
- Zugang zum Google Play Console-Entwicklerkonto ($25 einmalig) für die Einreichung im Google Play Store
- Android Studio auf Windows, macOS oder Linux – oder der WebViewGold Cloud Builder in deinem Browser
- WebViewGold für Android ($109 einmalig, kostenlose Updates)
- Eine Seite mit Datenschutzerklärung, ein Icon mit 1024 × 1024 px und 30 bis 60 Minuten Zeit
Mit einer gut optimierten Version Ihrer Web-App können Sie innerhalb von wenigen Minuten eine beeindruckende mobile App erstellen. Zusätzlich dazu ist der Kundenservice sehr nett und hilfsbereit! Ich kann WebViewGold nur empfehlen :-)
Dyad → Google Play: die Schritt-für-Schritt-Anleitung
Acht Schritte, kein Code. Die meisten schaffen den nativen Teil in unter einer Stunde.
Veröffentliche deine Dyad-App unter einer Produktions-URL
Dyad hostet Apps nicht selbst. Verbinde GitHub in den App-Details, klicke auf Sync to GitHub und importiere das Repository dann bei Vercel (oder einem anderen Host); du bekommst eine öffentliche URL wie dyad-app-name.vercel.app. Jedes weitere Sync to GitHub löst einen neuen Build aus. Die Vorschau neben dem Dyad-Chat läuft auf deinem eigenen Rechner, niemand sonst kann sie öffnen. Deploye zuerst und verwende in der App die öffentliche Deployment-URL oder deine eigene Domain. Eigene Domain: Füge deine Domain beim Hosting hinzu (Vercel: Projekteinstellungen, Domains) und setze die DNS-Einträge, die dir angezeigt werden. Siehe warum sich eine eigene Domain vor der Einreichung lohnt.
Mach sie bereit für den Store
Füge eine Seite mit Datenschutzerklärung und eine Option zur Kontolöschung hinzu (wenn sich Nutzer registrieren können) und entferne Builder-Badges oder „Lade unsere App herunter“-Banner. Lass den kostenlosen Google Play Readiness-Check über deine URL laufen: Er markiert in Sekunden Mixed Content, fehlende Viewport-Tags, Builder-Vorschaudomains und andere Blocker.
Hol dir WebViewGold für Android
Einmalzahlung, kostenlose Updates. Du erhältst das fertige Android-Studio-Projekt, oder du aktivierst den WebViewGold Cloud Builder und sparst dir die IDE komplett.
Füge deine URL ein und brande die App
Öffne Config.java (oder das Cloud-Builder-Formular), füge deine veröffentlichte URL ein, setze den App-Namen, wähle deinen Paketnamen, lade das Icon hoch und wähle den Splash Screen. Kein Code nötig.
Schalte native Features ein
Aktiviere Push-Benachrichtigungen, den Offline-Screen, Pull-to-Refresh, biometrischen Login, den QR-Scanner oder App Links mit einzelnen Einstellungen. Alles ist optional.
Baue das signierte App Bundle
In Android Studio: Build → Generate Signed Bundle. Im Cloud Builder: auf Build klicken, das signierte .aab wird für dich erstellt und hochgeladen.
Lege den Play Console-Eintrag an
Erstelle die App in der Play Console, fülle den Store-Eintrag aus, lade Icon, Feature-Grafik und Screenshots hoch und vervollständige Datensicherheit, Inhaltseinstufung und App-Zugriff.
Testen, dann einreichen
Neue persönliche Konten führen zuerst einen 14-tägigen geschlossenen Test mit 12 Testern durch. Danach das Release auf Produktion heben und zum Review einreichen. Unsere Genehmigungsgarantie sichert dich ab.
Dyad-spezifische Checks vor der Einreichung
Das sind die Punkte, die bei Dyad-Projekten (React + TypeScript + Vite mit React Router, Tailwind CSS und shadcn/ui im Standard-Template (ein Next.js-Template gibt es auch), mit Supabase oder Neon für Auth und Daten) am häufigsten auftauchen.
- Dyad bietet ein experimentelles „Upgrade to hybrid mobile app with Capacitor“, das das Projekt in Xcode und Android Studio öffnet. Dieser Weg packt deinen Build in native Projekte, die du bei jeder Änderung neu baust; WebViewGold lädt stattdessen deine deployte URL, ein Sync to GitHub aktualisiert also die installierten Apps.
- Das Standard-Template ist eine Single-Page-App mit React Router und bringt eine vercel.json mit, die jeden Pfad auf index.html umleitet. Behalte eine gleichwertige Rewrite-Regel, wenn du woanders deployst, sonst enden Deep Links und Neuladen in der App auf einer 404-Seite.
- Supabase bittet neue Nutzer standardmäßig, ihre E-Mail-Adresse zu bestätigen. Der Bestätigungslink öffnet den Browser des Smartphones, sofern du in WebViewGold keine Universal Links (iOS) und App Links (Android) einrichtest, also plane das vor dem Review ein.
- Eine Dyad-App läuft standardmäßig clientseitig: Bewahre API-Schlüssel in Supabase-Server-Funktionen oder in den Umgebungsvariablen deines Hosts auf, niemals im Browser-Bundle.
- Google-Login in der App braucht den Social Login Helper von WebViewGold, weil Google OAuth in eingebetteten WebViews blockiert.
- Made with Dyad: Das Standard-Template setzt unten auf die Hauptseite einen „Made with Dyad“-Link. Bitte Dyad, die Komponente MadeWithDyad überall zu entfernen, bevor du die App baust. Mehr zu Builder-Badges.
Lass Dyad die Store-Vorbereitung erledigen
Füge das in Dyad ein und lass es die Änderungen umsetzen, auf die Reviewer achten. Prüfe das Ergebnis, dann veröffentliche.
Prompt zum Einfügen in Dyad
Bereite diese App für die Veröffentlichung als native iOS- und Android-App vor (sie wird in einem nativen WebView-Wrapper laufen, der die deployte URL lädt): 1. Ergänze in src/App.tsx die Routen /privacy und /terms mit Platzhalterseiten, die ich bearbeiten kann, und verlinke sie im Footer und auf dem Einstellungs-Screen. 2. Ergänze in den Kontoeinstellungen eine Aktion "Mein Konto löschen", die nach einem Bestätigungsdialog über eine Supabase-Server-Funktion die Zeilen und den Auth-Nutzer des Nutzers löscht. 3. Entferne die Komponente MadeWithDyad von jeder Seite. 4. Mach jede Seite responsiv von 320px bis zu iPad-Breiten, ohne horizontales Scrollen und mit Tippflächen von mindestens 44px. 5. Zeig einen freundlichen Fehlerzustand mit "Erneut versuchen", wenn eine Anfrage fehlschlägt, statt eines leeren Screens. 6. Stelle sicher, dass im Client-Code keine API-Schlüssel verwendet werden; verlagere sie in Supabase-Server-Funktionen. 7. Setze den <title> in index.html auf den App-Namen (max. 30 Zeichen) und ergänze eine Meta-Description.
Google Play-Review: die Regeln, die für Dyad-Apps zählen
Google prüft Verhalten, nicht Werkzeuge. Niemand wird abgelehnt, weil er Dyad benutzt; Apps werden wegen der Punkte unten abgelehnt.
- Mindestfunktionalität
Richtlinie zu Spam und Mindestfunktionalität
Google lehnt Apps ab, die nur eine Website ohne Erlaubnis des Website-Betreibers verpacken oder keine echte Funktionalität bieten. Dein eigenes Produkt mit zusätzlichen nativen Features zu verpacken ist in Ordnung.
- Datensicherheit
Richtlinie zu Nutzerdaten
Jede App braucht eine URL zur Datenschutzerklärung und ein ausgefülltes Formular zur Datensicherheit, das auflistet, was die App und ihre SDKs erheben.
- Kontolöschung
Richtlinie zu Nutzerdaten
Apps, in denen Nutzer Konten anlegen können, müssen die Kontolöschung in der App und über einen Web-Link anbieten, den du in der Play Console hinterlegst.
- Testpflicht
Persönliche Entwicklerkonten
Persönliche Konten, die nach November 2023 erstellt wurden, müssen einen geschlossenen Test mit mindestens 12 Testern über 14 zusammenhängende Tage durchführen, bevor sie Produktionszugang beantragen können.
- Ziel-API-Level
Anforderungen an das Ziel-API-Level
Neue Apps müssen auf eine aktuelle Android-Version abzielen. WebViewGold-Updates halten das Template aktuell; baue einfach mit der neuesten Version.
- Zahlungen
Google Play Billing
Digitale Güter und Abos, die in der App verkauft werden, müssen in der Regel Google Play Billing nutzen (WebViewGold unterstützt RevenueCat). Physische Güter und Dienstleistungen dürfen andere Zahlungsmethoden nutzen.
Native Features, die deine Dyad-App in der Android-App bekommt
Jedes Feature ist optional und Schritt für Schritt in der Dokumentation zu WebViewGold für Android dokumentiert.
Push-Benachrichtigungen
Remote-Push über OneSignal oder Pushwoosh, lokal geplante Pushes über einen JavaScript-Aufruf.
DokumentationApp Links und Deep Links
https-Links zu deiner Domain und eigene Schemes öffnen sich direkt in der App.
DokumentationIn-App-Käufe
Google Play-Abos und Einmalkäufe über RevenueCat, ausgelöst aus deiner Web-App.
DokumentationOffline-Screen und Fallback
Ein nativer „Erneut versuchen“-Screen, wenn der Nutzer offline ist, oder ein lokaler HTML-Fallback.
DokumentationSplash Screen und Ladeanzeige
Minimale und maximale Splash-Dauer mit Ausblenden, oder ein nativer Spinner während des Ladens.
DokumentationBiometrischer Login
Fingerabdruck- / Gesichtsentsperrung über einen JavaScript-Aufruf.
DokumentationQR- und Barcode-Scanner
Nativer Scanner, der das Ergebnis an deine Web-App zurückgibt.
DokumentationNatives Teilen und Haptik
Share Intent und haptisches Feedback aus deiner Web-App.
DokumentationEigenes CSS und JavaScript
Website-only-Elemente ausblenden und Code injizieren, wenn die Seite in der App geladen wird.
DokumentationDatei- und Kamera-Uploads
Nativer Dateiauswahl-Dialog und Kamera für deine Upload-Formulare.
DokumentationCheckliste vor der Google Play-Einreichung
Hak diese Punkte ab, dann ist das Review nur noch Formsache. Die technische Hälfte prüfst du automatisch mit dem kostenlosen Readiness-Check.
- Überall HTTPS: Android blockiert unverschlüsselten http://-Traffic auf aktuellen Versionen standardmäßig.
- Responsives Layout von 320 px bis zu Tablet-Breiten, mit vorhersehbarem Verhalten der Zurück-Taste (WebViewGold bildet die Zurück-Taste auf den Web-Verlauf ab).
- URL zur Datenschutzerklärung bereit und das Formular zur Datensicherheit wahrheitsgemäß ausgefüllt.
- Kontolöschung in der App plus ein Web-Link zur Löschung, wenn sich Nutzer registrieren können.
- Zugangsdaten für den Reviewer, wenn Inhalte hinter einem Login liegen.
- Ein eindeutiger Paketname (zum Beispiel com.yourcompany.yourapp), festgelegt vor dem ersten Upload: Er lässt sich danach nie mehr ändern.
- Ein Icon mit 512 × 512 px und eine Feature-Grafik mit 1024 × 500 px.
- Mindestens zwei Smartphone-Screenshots aus der echten App (Tablet-Screenshots empfohlen).
- Für neue persönliche Konten: 12 Tester für den 14-tägigen geschlossenen Test organisiert.
- Signiertes Android App Bundle (.aab), gebaut mit der neuesten WebViewGold-Version.
Beispiel: vom Dyad-Projekt zur freigegebenen App
Angenommen, du hast mit Dyad eine digitale Stempelkarte für eine Kaffeerösterei gebaut: Kunden registrieren sich, zeigen an der Theke einen persönlichen QR-Code und sammeln mit jedem Kaffee einen Stempel. Dyad hat die React-App auf deinem Laptop geschrieben, Supabase speichert Kunden und Stempel, und Sync to GitHub deployt sie zu Vercel unter cards.yourroastery.com. In der WebViewGold-App öffnet der Barista die Mitarbeiterseite und tippt auf einen Scan-Button, der qrcode:// aufruft; der Code des Kunden enthält eine URL wie /stamp/8f3k, die sich in der App öffnet und den Stempel hinzufügt. Ein OneSignal-Push sagt Kunden Bescheid, wenn ihr zehnter Kaffee gratis ist. Du entfernst den Link „Made with Dyad“, beide Stores geben die App frei, und dein Laptop kann zugeklappt bleiben: Die App läuft weiter auf Vercel und Supabase.
Deine erste Woche nach dem Launch
- Nimm Änderungen in Dyad vor, teste sie in der lokalen Vorschau und mach dann Sync to GitHub; in der App kommt nichts an, bevor der Vercel-Build fertig ist.
- Ergänze in AI_RULES.md einen kurzen Abschnitt zu den Bridge-Aufrufen von WebViewGold, damit spätere Prompts den Scan-Button oder die Push-Registrierung nicht entfernen.
- Lass den Schlüssel deines KI-Anbieters in Dyad auf deinem Computer; die deployte App braucht nur die Supabase-Schlüssel, die für den Browser gedacht sind.
- Prüfe nach dem Launch die Nutzung bei Vercel und Supabase; ein kostenloser Plan, der an seine Grenzen stößt, sieht für Kunden wie eine kaputte App aus.
- Bitte mit rateapp:// um eine Bewertung, direkt nachdem ein Kunde seinen ersten Gratiskaffee eingelöst hat.
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.
- Komplettes Android-Studio-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
Kann eine Dyad-App im App Store und auf Google Play veröffentlicht werden?
Ja, sobald sie unter einer öffentlichen HTTPS-URL läuft. Synchronisiere das Projekt mit GitHub, deploye es auf Vercel oder einem anderen Host, trage diese URL in WebViewGold ein und baue die iOS- und Android-Apps. Die Apps laden dein Deployment, der Code bleibt also ein normales Webprojekt, das du in Dyad weiterbearbeitest.
Dyad hat ein Capacitor-Upgrade. Warum stattdessen WebViewGold?
Das Capacitor-Upgrade ist experimentell und hinterlässt dir native Projekte, die du konfigurieren und bei jeder Änderung am Web-Code neu bauen musst. WebViewGold gibt dir fertige Xcode- und Android-Studio-Projekte mit nativen Funktionen als Konfigurationsschalter, und weil es deine deployte URL lädt, erreichen Änderungen am Web die Nutzer ohne neuen Store-Build.
Brauche ich Android Studio?
Entweder Android Studio (kostenlos, läuft auf Windows, macOS und Linux) oder den WebViewGold Cloud Builder, der das signierte App Bundle aus deinem Browser heraus baut und hochlädt.
Was ist die 12-Tester-Regel?
Google verlangt von persönlichen Entwicklerkonten, die nach November 2023 erstellt wurden, einen geschlossenen Test mit mindestens 12 angemeldeten Testern über 14 zusammenhängende Tage vor dem ersten Produktions-Release. Freunde, Kollegen oder eine Discord-Community reichen; Organisationskonten sind ausgenommen.
Was, wenn Google die App ablehnt?
Google nennt die betroffene Richtlinie, und du kannst nachbessern und neu einreichen. WebViewGold kommt mit einer Google Play Genehmigungsgarantie: Lehnt Google die App aus einem nicht inhaltlichen Grund ab, bekommst du innerhalb von 14 Tagen nach dem Kauf dein Geld zurück.
Muss mein Computer eingeschaltet bleiben, damit die Dyad-App funktioniert?
Nein. Dyad läuft nur, während du baust. Die veröffentlichte App wird von Vercel (oder deinem anderen Host) ausgeliefert und nutzt Supabase oder Neon in der Cloud, Kunden können sie also nutzen, während dein Laptop zugeklappt ist. Dein Computer spielt erst wieder eine Rolle, wenn du etwas ändern und per Sync to GitHub ausliefern willst.
Welches KI-Modell sollte ich in Dyad für eine Store-App nutzen?
Jedes Modell, das gut mit React und Supabase zurechtkommt. Apple und Google prüfen die deployte App, nicht das Modell, das sie geschrieben hat. Wichtiger sind eine kurze AI_RULES.md, die die Ausgabe von Dyad über verschiedene Modelle hinweg einheitlich hält, und die Gewohnheit, die Produktions-URL vor dem Einreichen auf einem echten Handy zu testen.
Muss ich die App jedes Mal neu einreichen, wenn ich etwas in Dyad ändere?
Nein. Die App lädt deine veröffentlichte URL, also sind Inhalts- und Feature-Änderungen, die du in Dyad veröffentlichst, sofort in der App live. Eine neue Store-Version ist nur nötig, wenn sich die native Hülle ändert, zum Beispiel bei einem neuen App-Icon oder einem hinzugefügten nativen Feature.
Was kostet das insgesamt?
$109 einmalig für WebViewGold für Android (kostenlose Updates) plus das Google Play Console-Entwicklerkonto ($25 einmalig). Optional: das Cloud-Builder-Add-on ($349 pro Lizenz, einmalig), wenn du ohne Mac im Browser bauen willst, oder das Full-Service-Paket (ab $698 pro Plattform), bei dem unser Team die App für dich konfiguriert, baut und einreicht.
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.