Zum Inhalt springen
WebViewGold Vibe Coding in den App Store
Deutsch
WebViewGold holen

Dyad-Guide-Sammlung

Deine Dyad-App im App Store und bei Google Play

Lokal mit dem Modell deiner Wahl gebaut, zu Vercel deployt, in beide App Stores gebracht. Alle Guides für Dyad-Builder an einem Ort: die iOS- und Android-Anleitungen, jedes native Feature mit einem Prompt für Dyad und was zu tun ist, wenn ein Store Nein sagt.

Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.

  • Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
  • Kein Programmieren nötig
  • Einmalzahlung, kostenlose Updates
  • 24/7 Support von echten Menschen
  • Made in Germany seit 2014 · ISO 27001

Dyad auf einen Blick

Was es ist

Dyad ist ein kostenloser Open-Source-KI-App-Builder, der lokal auf deinem Mac oder Windows-Rechner läuft, mit dem KI-Modell deiner Wahl arbeitet und die App als ganz normalen Code in einen Ordner schreibt, über den du bestimmst. Builder und Entwickler, denen Datenschutz wichtig ist und die lokale Open-Source-Tools und eigene KI-Schlüssel wollen.

Stack

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

Veröffentlichung und Hosting

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.

Authentifizierung

Supabase Auth (standardmäßig E-Mail und Passwort) über die Supabase-Integration oder die Auth, die mit der Neon-Integration kommt

Zahlungen

Keine eingebauten Zahlungen; bitte Dyad, einen Anbieter wie Stripe einzubauen, und bewahre dessen geheimen Schlüssel in einer Supabase-Server-Funktion auf

Builder-Badge

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.

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.

Store-Readiness-Prompt

In Dyad einfügen, Änderungen prüfen, veröffentlichen.

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.

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

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.

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.

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 ansehen

Full 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 WeSetupYourWebViewApp

Winter-Sale-Preise gültig bis 31. Dezember 2026.

Bereit, deine Dyad-App zu veröffentlichen?

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.