Zum Hauptinhalt springen

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

Mache aus deiner Lovable App iOS- und Android-Apps

Exportiere dein Lovable-Projekt, verpacke es mit Capacitor und baue mit Capgo Build signierte Apps für App Store und Google Play. Kein Mac nötig. Nach dem Launch kommen die Änderungen, die du in Lovable vornimmst, als Live-Updates bei den installierten Apps an.

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

Lovable-Projekt

Erstelle die Web-App mit Prompts und visuellen Edits. Verbinde GitHub, damit das code in einem Repo liegt.

Exportieren & Wrappen

Capacitor Shell

Erstelle einen statischen dist-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

Lovable baut die App. Die Stores brauchen mehr.

Die App bleibt im Browser stecken

Ein Lovable-Projekt ist eine Web-App. Für Store-Listings, Push-Benachrichtigungen und Device-Features ist ein Native Build als Shell erforderlich.

Lovable kann kein natives Tooling ausführen

Signing, Xcode, Android Studio und Store-Uploads laufen außerhalb von Lovable. 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

Lovable baut die Web-App

Screens, Flows, Copy und Backend-Anbindung – alles per Prompt iteriert. Der Production Build liefert dir einen statischen dist-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 Weg mit Capgo von Lovable in die Stores

Lovable baut kontinuierlich am Produkt. Capacitor und Capgo ergänzen die Schritte für Native Build, Store-Upload und Updates.

Zu GitHub exportieren und klonen

Verbinde GitHub in Lovable. Klone das Repo und prüfe, ob der Build einen dist-Ordner mit index.html erstellt.

Tutorial: Von Lovable zu Capacitor

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

Mit aktiviertem GitHub Sync pusht jedes Publish in Lovable einen Commit. Eine GitHub Action baut die App und lädt das Bundle hoch, sodass installierte Apps Web-Änderungen ohne neuen Store-Release erhalten.

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 Capgo MCP in Lovable

So funktioniert es

So deployen Lovable-Builder mobile Apps mit Capgo

Vom Lovable-Projekt zu Store-Builds und Live Updates. Du führst diese Befehle selbst aus oder lässt sie von einem Coding Agent ausführen.

  1. Zu GitHub exportieren und klonen

    Verbinde GitHub in Lovable. Klone das Repo und prüfe, ob der Build einen dist-Ordner mit index.html erstellt.

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

  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 dist
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 Sie den Lovable code haben, fügen Sie dies in einen Coding-Agenten wie Claude Code, Codex oder Cursor ein. Das installiert den Capgo MCP-Server, fügt Capacitor und den Updater hinzu und hinterlässt TODOs fürs Signing, statt Secrets zu erfinden.

Prompt für deinen Coding-Agenten

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 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 Lovable app name
   - appId: a production-style bundle ID I can edit later, such as com.company.app
   - webDir: the production build output folder (usually dist)
   - 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 Lovable-Buildern

Kurze Antworten, um eine Lovable-App in den App Store und Google Play zu bringen.

Kann Lovable direkt in den App Store veröffentlichen?

Nein. Lovable baut die Web-App. Du exportierst den code, wrappst ihn mit Capacitor und baust signierte iOS- und Android-Apps mit Capgo Build, das sie in App Store Connect und Google Play hochlädt.

Tutorial: Von Lovable zu Capacitor

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

Mein Lovable-Projekt nutzt Next.js. Funktioniert das?

Ja, mit einem statischen Export. Zeige das webDir von Capacitor auf den out-Ordner statt auf dist. Vite Single-Page-Apps funktionieren direkt so, wie sie sind.

Next.js mit Capacitor

Funktioniert mein Supabase-Backend in der App weiterhin?

Ja. Die App greift wie die Web-Version über das Netzwerk auf dasselbe Supabase-Projekt zu. Füge dein App-Scheme zu den Supabase Auth Redirect URLs hinzu, falls du OAuth-Login nutzt.

Kommen Änderungen, die ich in Lovable mache, in der mobilen App an?

Mit aktiviertem GitHub Sync erzeugt jeder Publish in Lovable einen Commit. Ja, für Änderungen im Web-Layer. Eine GitHub Action lädt bei jedem Push das Bundle hoch, 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 Lovable-App in die Stores

Starte die kostenlose 14-tägige Testversion, exportiere dein Lovable-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 Lovable-Projekt und fordere deine ersten iOS- und Android-Builds über das CLI an.