Zum Hauptinhalt springen

Für v0-Builder: kein Mac, kein Xcode

Mache aus deiner v0 App iOS- und Android-Apps

Exportiere dein v0-Projekt, wickle es mit Capacitor ein und baue signierte App Store- und Google Play-Apps mit Capgo Build. Kein Mac erforderlich. Nach dem Launch erreichen Änderungen, die du in v0 vornimmst, installierte Apps als Live Updates.

Kein Mac
für iOS-Builds nötig
2–3 Min.
typischer Native Build
Live Updates
für Änderungen in v0

v0-Projekt

Erstelle die Next.js-App mit v0. Push sie auf GitHub, damit code in einem Repo liegt.

Exportieren & Wrappen

Capacitor Shell

Erstelle einen statischen out-Ordner und füge iOS- und Android-Projekte mit Capacitor hinzu.

Build und Update

Capgo Release-Loop

Baue signierte Binaries mit Capgo Build und liefere Web-Änderungen als Live Updates über GitHub Actions aus.

Das Problem

v0 baut die App. Die Stores brauchen mehr.

Die App bleibt im Browser stecken

Ein v0-Projekt ist eine Web-App. Für App Store-Einträge, Push-Benachrichtigungen und Hardware-Funktionen ist ein Native Build als Shell erforderlich.

v0 kann kein natives Tooling ausführen

Signing, Xcode, Android Studio und Store-Uploads finden außerhalb von v0 statt. Du brauchst code und einen Build-Service.

Jede Änderung wartet auf Review

Nach dem ersten Store-Release muss jede neue Version erneut durch den Store-Review – oft 24–48 Stunden, manchmal auch deutlich länger.

Der Stack

Was die einzelnen Tools machen

v0 baut die Web-App

Screens, Flows, Copy und Backend-Anbindung, alles mit Prompts iteriert. Der Production-Build liefert einen statischen Out-Ordner zum Wrappen.

Capacitor übernimmt das Wrapping

Capacitor integriert die gebaute Web-App mit deiner App-ID, deinen Icons und Berechtigungen in native iOS- und Android-Projekte. Die code bleibt dabei unverändert.

Capgo baut und aktualisiert sie

Capgo Build erstellt signierte Binaries und lädt sie in die Stores hoch. Live Updates liefern spätere Web-Änderungen direkt an die installierten Apps.

Die Lösung

Der Capgo-Weg von v0 in die Stores

v0 baut das Produkt weiter. Capacitor und Capgo ergänzen den Native Build, den Store-Upload und die Update-Schritte.

Auf GitHub pushen und einen statischen Export hinzufügen

Das v0-Projekt aus dem Git-Panel von v0 auf GitHub pushen (oder code herunterladen) und klonen. v0-Apps sind Next.js, also output: 'export' in next.config setzen und in den out-Ordner builden.

Web-App zu Capacitor Guide

Bau es mit Capgo Build

Fordere signierte iOS- und Android-Builds über den CLI an. iOS-Builds laufen auf Cloud-Macs, wobei ein typischer Build nur 2–3 Minuten dauert.

Capgo Build-Dokumentation

Jede Änderung als live update ausliefern

Wenn das GitHub-Repo verbunden ist, werden Änderungen, die Sie in v0 vornehmen, als Commits an das Repo gepusht. Eine GitHub-Action baut die App und lädt das Bundle hoch, sodass installierte Apps Web-Änderungen erhalten, ohne dass ein neuer Store-Release erforderlich ist.

GitHub Actions-Integration Live update oder Native Build?

Lass deinen AI-Agenten Releases ausführen

Der Capgo MCP-Server ermöglicht es Claude, Code, Codex oder Cursor, Bundles hochzuladen, Channels zu verwalten und Builds anzufordern. Capgo Skills fügen Capgo-spezifische Anweisungen für den Agenten hinzu.

Capgo MCP-Server Capgo KI-Skills

So funktioniert es

So veröffentlichen v0-Entwickler Mobile Apps mit Capgo

Vom v0-Projekt zu Store-Builds und Live Updates. Du führst diese Befehle selbst aus oder lässt einen Coding-Agenten sie ausführen.

  1. Auf GitHub pushen und einen statischen Export hinzufügen

    Das v0-Projekt aus dem Git-Panel von v0 auf GitHub pushen (oder code herunterladen) und klonen. v0-Apps sind Next.js, also output: 'export' in next.config setzen und in den out-Ordner builden.

    git clone https://github.com/you/your-v0-app.git
cd your-v0-app
npm install
# next.config: output: 'export', images: { unoptimized: true }
npm run build
    Web-App zu Capacitor Guide

  2. Capacitor und Capgo hinzufügen

    Füge die nativen Projekte hinzu und starte dann das Capgo-Onboarding. Es fügt deine App hinzu, erstellt einen Production-Channel und installiert das Updater-Plugin.

    npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir out
npx cap add ios && npx cap add android
npx @capgo/cli@latest init
    CLI Onboarding-Guide

  3. Signierte Apps in der Cloud builden

    Signing einmal einrichten, dann iOS- und Android-Builds anfordern. Signierte Builds werden für den Review zu App Store Connect und Google Play hochgeladen.

    npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
    Capgo Build-Dokumentation

  4. Jede Änderung als live update ausliefern

    Füge CAPGO_TOKEN als GitHub Secret und einen Workflow hinzu, der bei Push baut und hochlädt. Neue Plugins oder Berechtigungen erfordern weiterhin einen neuen Store-Build.

    # step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump
    GitHub Actions-Integration

AI-Agent-Prompt

Lass deinen Coding-Agenten das Setup machen

Sobald du deinen v0 code hast, kopiere diesen Prompt in einen Coding-Agent wie Claude Code, Codex oder Cursor. Er installiert den Capgo MCP-Server, fügt Capacitor sowie den Updater hinzu und hinterlässt TODOs für das Signing, anstatt eigene Secrets zu erfinden.

Prompt für deinen Coding-Agenten

I want this project, exported from v0, to become a Capacitor mobile app using Capgo from the start.

Set up the project so an AI agent can use Capgo's MCP release tools through install-mcp:

1. Install the Capgo CLI MCP server for the active AI client. For Codex, run:
   - npx @capgo/cli@latest login
   - npx install-mcp 'npx @capgo/cli@latest mcp' --client codex
   Replace codex with cursor, claude-code, gemini-cli, or windsurf if that is the client this project uses.
2. Read Capgo's MCP metadata when tool details are needed (the hosted server is https://api.capgo.app/mcp):
   - https://capgo.app/.well-known/mcp/server-card.json
   - https://capgo.app/.well-known/agent-skills/capgo-cli-mcp/SKILL.md
   If this client supports agent skills, also run: npx skills add Cap-go/capgo-skills
3. Add a short docs/agent-mobile-release.md file that tells the agent to use the Capgo CLI MCP server as a local stdio server, not a remote HTTP endpoint.
4. Add Capacitor for iOS and Android using the package manager already used by this project.
5. Configure capacitor.config.ts with:
   - appName: the current v0 app name
   - appId: a production-style bundle ID I can edit later, such as com.company.app
   - webDir: the production build output folder (usually out)
   - plugins.CapacitorUpdater.defaultChannel: production
6. Install and configure @capgo/capacitor-updater.
7. Add package scripts for:
   - building the web app
   - syncing Capacitor
   - uploading a production Capgo bundle
   - starting Capgo Build setup for iOS
   - requesting an iOS cloud build
8. Create a first production channel plan:
   - production for users
   - preview for stakeholder review
   - staging for internal testing
9. Keep normal docs and README commands copy-pasteable with npm/npx unless this project already uses another package manager. Keep the Capgo MCP install command exactly as shown above.
10. Do not fake native signing credentials. Leave clear TODOs for the Capgo API key, Apple team details, and bundle ID.
11. After making changes, summarize exactly what changed and what command I should run next.

Mit Capacitor gebaute Apps

Templates und Lernprodukte sind naheliegende Mobile-Kandidaten

Creation- und Learning-Apps zeigen, wie sich Web-Flows in Store-ready Mobile-Erlebnisse verwandeln, wenn Packaging, Signing und Updates sauber gelöst sind.

Invitation Maker Card Design App-Icon Events

Design-Vorlage für Einladungskarten

Template-basierter Design-Flow, der sich natürlich vom responsiven Web auf Mobile übertragen lässt.

Google Play-Installationen
20,0M
Store-Bewertung
4.6
Infinite Japanese App-Icon Bildung

Unendliches Japanisch

Eine fokussierte Lern-App, bei der sich kleine Verbesserungen an Lektionen und Onboarding summieren.

Google Play-Installationen
1,8 Mio.
Store-Bewertung
4.6
StudySmarter - Schul- & Uni-App-Icon BILDUNG

StudySmarter - Schule & Uni

Study-Workflow, bei dem Iterationen am Web-Produkt nach dem App-Packaging weiterlaufen können.

Google Play-Installationen
6,5 Mio.
Store-Bewertung
4.8

Kundenstimmen

Das sagen Teams, die mit Capgo deployen

5.0/5 von Entwicklerteams bewertet 9,400+ Teams Bewertungen lesen

sikafanka

Design, Radius 5

„Capgo Build hat uns geholfen, unseren Capacitor-App-Release-Prozess zu vereinfachen. Wir können iOS- und Android-Apps in einem einzigen klaren Workflow bauen und ausliefern.“

Kapil

Gründer, NuTriQ

“Die Möglichkeit, produktive OTA-Updates sofort zu pushen, ohne auf die kompletten Review-Zyklen des App Store warten zu müssen, war ein enormer operativer Vorteil.”

Porträt von Luis Dominguez

Luis Dominguez

Wer zahlt, bestimmt.

“Seit ich Capgo nutze, ist alles schneller, und ich kann meinen Usern die Zeit geben, die sie verdienen, ohne meinen Alltag zu vernachlässigen.”

FAQ

Fragen von v0-Entwicklern

Kurze Antworten, wie du eine v0-App in den App Store und Google Play bringst.

Kann v0 direkt im App Store veröffentlichen?

Nein. v0 erstellt die Web-App. Du exportierst den code, wrappst ihn mit Capacitor und erstellst mit Capgo Build signierte iOS- und Android-Apps, das sie zu App Store Connect und Google Play hochlädt.

Web-App zu Capacitor Guide

Brauche ich einen Mac oder Xcode?

Nein. Capgo Build führt iOS-Builds auf Cloud-Macs aus. Du brauchst weiterhin einen Apple Developer Account für den App Store und einen Google Play Developer Account für Android.

Capgo Build-Dokumentation

Meine v0-App nutzt Server Actions oder API Routes. Funktioniert das?

Die Mobile-App enthält nur den statischen Export. Lass die Server-code weiter auf Vercel laufen und rufe sie aus der App über die vollständige HTTPS-URL auf. Pages und Client Components funktionieren unverändert.

Next.js mit Capacitor

Funktionieren shadcn/ui-Komponenten auf Mobilgeräten?

Ja. Das sind React-Komponenten mit Tailwind-Styles, sie rendern in der nativen WebView also genauso wie im Browser. Prüfe Touch-Targets und Safe Areas auf einem echten Gerät.

Werden meine Änderungen aus v0 in der mobilen App übernommen?

Wenn das GitHub Repo verbunden ist, pushen deine Änderungen in v0 Commits direkt ins Repo. Ja, für Änderungen am Web-Layer. Eine GitHub Action führt bei jedem Push einen Bundle-Upload aus, und installierte Apps laden das Update herunter. Neue Plugins oder Berechtigungen brauchen weiterhin einen neuen Store-Build.

GitHub Actions-Integration

Kann mein AI-Agent die Release-Schritte übernehmen?

Ja. npx @capgo/cli mcp startet einen lokalen MCP-Server, den Claude Code, Codex oder Cursor nutzen können, um Bundles hochzuladen, Channels zu verwalten und Builds anzufordern. Capgo Skills fügen Anweisungen für den Agenten hinzu, die spezifisch für Capgo sind.

Capgo MCP-Server

Bring deine v0-App in die Stores

Starte die kostenlose 14-tägige Testversion, exportiere dein v0-Projekt und fordere deine ersten iOS- und Android-Builds über CLI an. Wähle einen Plan mit 14-tägiger Geld-zurück-Garantie, exportiere dein v0-Projekt und fordere deine ersten iOS- und Android-Builds über CLI an.