Zum Hauptinhalt springen

Für Lovable- und vibe-coding-Entwickler

Ihre Lovable-Anwendung in iOS- und Android-Apps umwandeln

Exportieren Sie Ihr Lovable-Projekt in GitHub, umschließen Sie es mit Capacitor und erstellen Sie signierte Store-Apps mit Capgo Build. Nach der Veröffentlichung kann jede Veröffentlichung in Lovable auf installierte Apps als live update über GitHub-Aktionen zugreifen.

GitHub
Eine Repository für Lovable, Capacitor, und CI
2–3 Minuten
Häufige native Build
Live-Updates
von jedem Publish in Lovable

Lovable-Projekt

Bauen Sie die Web-App mit Hinweisen und visuellen Bearbeitungen. Verbinden Sie GitHub so, dass code in einem Repository lebt.

Exportieren und einhüllen

Capacitor-Shell

Klonen Sie das Repository, erstellen Sie einen statischen dist-Ordner und fügen Sie iOS- und Android-Projekte mit Capacitor hinzu.

Bauen und aktualisieren

Capgo-Release-Schleife

Bauen Sie signierte Binärdateien mit Capgo Build, dann schicken Sie Web-Änderungen als Live-Updates von GitHub Actions.

Das Problem

Lovable baut die App. Die Stores benötigen mehr.

Die App hält am Browser an

Ein Lovable-Projekt ist eine Web-App. Es benötigt eine native Umgebung, um Funktionen wie Lagerverzeichnisse, Push-Benachrichtigungen und Gerätefeatures zu unterstützen.

Lovable kann keine native Werkzeuge ausführen

Das Signieren, Xcode, Android Studio und die Store-Uploads erfolgen außerhalb von Lovable. Sie benötigen ein Repository und einen Build-Dienst.

Jeder Änderung wartet auf eine Überprüfung

Nach der ersten Store-Veröffentlichung müssen sich alle neuen Versionen erneut durch die Store-Überprüfung durchlaufen, oft 24-48 Stunden, manchmal viel länger.

Die Stacks

Was jede Werkzeug leistet

Lovable baut die Web-App

Bildschirme, Flows, Texte und Backend-Verbindungen, iteriert mit Prompten. Ein Ein-Seiten-App gibt Ihnen einen statischen dist-Ordner, um ihn zu umhüllen.

Capacitor wraps it

GitHub beherbergt die code. Capacitor stellt die entwickelte Web-Anwendung in native iOS- und Android-Projekte mit Ihrer App-ID, Icons und Berechtigungen ein.

Capgo erstellt und aktualisiert es

Capgo Erstellt signierte Binärdateien und lädt sie in die Stores hoch. Live-Updates liefern später Web-Änderungen an installierten Apps.

Die Lösung

The Capgo path from Lovable to the stores

Lovable baut das Produkt weiterhin fort. Capacitor und Capgo fügen die native Build-, Speicher-Upload- und Update-Schritte hinzu.

Exportiere in GitHub und füge Capacitor hinzu

Verbinden Sie Lovable mit GitHub, klonen Sie das Repository, erstellen Sie einen statischen dist-Ordner und fügen Sie die iOS- und Android-Projekte mit Capacitor hinzu.

Lieblingscode für Capacitor

Bauen Sie es mit Capgo Bauen

Bitten Sie die signierten iOS- und Android-Builds vom CLI. iOS-Builds laufen auf Cloud-Macs, und ein typischer Build dauert 2-3 Minuten.

Capgo Build docs

Lassen Sie Ihren AI-Agent Releases ausführen

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

Capgo-MCP-Server Capgo-AI-Fähigkeiten

Wie es funktioniert

Wie Lovable-Bauher mobile Apps mit Capgo verschicken

Von einem Lovable-Projekt zu Store-Builds und Live-Updates. Sie führen diese Befehle auf Ihrem Computer aus oder lassen einen Coding-Agent sie ausführen.

  1. Exportieren Sie zu GitHub und klonen Sie

    In Lovable verbinden Sie GitHub. Klonen Sie das Repository und überprüfen Sie, ob die Build ein dist-Verzeichnis mit index.html erstellt.

    git clone https://github.com/you/your-lovable-app.git
cd your-lovable-app
npm install
npm run build
    Lovable zu Capacitor-Tutorial

  2. Fügen Sie Capacitor und Capgo hinzu

    Fügen Sie die native Projekte hinzu, führen Sie dann das Capgo-Onboarding durch. Es fügt Ihre App hinzu, erstellt eine Produktionskanal und installiert den Updater-Plugin.

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

  3. Apps in der Cloud signieren

    Einmalig Signieren einrichten, dann iOS- und Android-Builds anfordern. Die signierten Builds werden dann für die Überprüfung auf 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. Jedes Publish als live update

    Fügen Sie CAPGO_TOKEN als GitHub-Geheimnis und eine Workflow hinzu, der auf Push Builds und Uploads durchführt. Neue Plugins oder Berechtigungen benötigen jedoch 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
    Lovable Publish zu live update-Leitfaden

Agentenprompt

Let your coding agent do the setup

Lovable kann den Capgo CLI nicht ausführen. Nachdem Sie den Repository geklont haben, fügen Sie diesen in einen lokalen Coding-Agent wie Claude Code, Codex oder Cursor ein. Es installiert den Capgo-MCP-Server, fügt Capacitor und den Updater hinzu und hinterlässt TODOs für die Signierung anstatt geheime Geheimnisse zu erfinden.

Prompt für Ihren Coding-Agent

I want this project, exported from Lovable, 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 public MCP metadata when tool details are needed:
   - 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 Lovable app name
   - appId: a production-style bundle ID I can edit later, such as com.company.app
   - webDir: the production build output folder
   - 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 erstellte Apps

Vorlagen und Lernprodukte sind natürliche mobile Kandidaten

Erstellung und Lernapps zeigen, wie webartige Flows zu store-fertigen mobilen Erfahrungen werden können, wenn das Packen, Signieren und die Updates sauber gehandhabt werden.

App-Symbol für Einladungskarten-Maker-Karten-Design EVENTS

Invitationskarten-Design

Vorlagengetriebener Designfluss, der natürlich von responsivem Web auf Mobilgeräte abgebildet wird.

Google Play-Installationen
20,0 Mio.
Store-Bewertung
4.6
Unendliche japanische App-Icon Erziehungsbezogen

Unendliche japanische

Ein lernfokussierter App, bei der kleine Lern- und Einrichtungsverbesserungen kumulieren.

Google Play installiert
1,8M
Bewertung
4.6
Studienfreund - Schule & Uni App Icon EDUCATION

StudiSmarter - Schule & Uni

Das Workflow-Studium, bei dem die Web-Produkt-Iteration nach der App-Verpackung fortgesetzt werden kann.

Google Play installiert
6,5M
Store-Bewertung
4.8

Kundenbeweis

Wie Teams mit Capgo erfolgreich liefern

5.0/5 Beschrieben von Teams 9,400+ teams Beschrieben von Teams

sikafanka

Beschrieben von Teams

“Capgo Build helped us simplify our Capacitor app release process. We can build and ship iOS and Android apps from one clear workflow.”

Kapil

Gründer, NuTriQ

"Das Faktum, dass wir Produktions-OTA-Updates sofort pushen können, ohne auf die vollständige App-Store-Überprüfung warten zu müssen, war ein enormer operativer Vorteil."

Portrait von Luis Dominguez

Luis Dominguez

Wer zahlt, Anirol

“Seit ich Capgo verwende, ist alles schneller, und ich kann meinen Nutzern die Zeit geben, die sie verdienen, ohne meine tägliche Arbeit zu vernachlässigen.”

FAQ

Fragen, die sich liebende Entwickler stellen

Kurze Antworten für die Verbringung einer lieblichen oder vibe-codierten App in den App Store und Google Play.

Kann Lovable direkt in den App Store veröffentlichen?

Nein. Lovable baut die Web-App. Sie exportieren sie zu GitHub, umwickeln sie mit Capacitor und bauen mit Capgo Build signierte iOS- und Android-Apps, die sie dann in App Store Connect und Google Play hochladen.

Lovable zu Capacitor-Tutorial

Brauche ich einen Mac oder Xcode?

Nein. Capgo Build läuft iOS-Builds auf Cloud-Mac-Maschinen. Sie benötigen jedoch noch ein Apple-Entwicklerkonto für den App Store und ein Google-Play-Entwicklerkonto für Android.

Capgo Build-Docs

Wird ich Änderungen in Lovable in der mobilen App sehen?

Ja, für Web-Schichten-Änderungen. Mit GitHub-Sync aktiviert, drückt Publish einen Commit aus, ein GitHub-Action läuft Bundle-Upload aus und installierte Apps laden die Aktualisierung herunter. Neue Plugins oder Berechtigungen benötigen jedoch noch einen neuen Store-Build.

Lovable Publish zu live update-Guide

Meine Lovable-Projekt verwendet Next.js. Funktioniert es?

Ja, mit einer statischen Exportierung. Setzen Sie Capacitor's webDir auf den out-Ordner anstatt auf dist. Vite-Einseitige Apps funktionieren wie sie sind.

Next.js mit Capacitor

Kann mein AI-Agent die Freigabeschritte durchführen?

Ja. npx @capgo/cli mcp startet einen lokalen MCP-Server, den Claude Code, Codex oder Cursor verwenden können, um Pakete hochzuladen, Kanäle zu verwalten und Builds anzufordern. Capgo-Fähigkeiten fügen Capgo-spezifische Anweisungen für den Agenten hinzu.

Capgo-MCP-Server

Ihre Lovable-App in die Stores bringen

Starten Sie den 14-tägigen kostenlosen Test, exportieren Sie Ihr Projekt in GitHub und fordern Sie Ihre ersten iOS- und Android-Builds vom CLI an.