L'application s'arrête au navigateur
Un projet Lovable est une application web. Les listes de produits, les notifications push et les fonctionnalités de l'appareil nécessitent un noyau natif autour d'elle.
Pour les créateurs de Lovable et de vibe-coding
Transformez votre application Lovable en applications iOS et Android
Exportez votre projet Lovable vers GitHub, enveloppez-l’avec Capacitor, et construisez des applications de magasin signées avec Capgo Build. Après le lancement, chaque publication dans Lovable peut atteindre les applications installées comme un live update à travers GitHub Actions.
un soutien humain de Martin
GitHub
un dépôt unique pour Lovable, Capacitor, et CI
2–3 min
Construction native typique
Mises à jour en direct
à partir de chaque Publication dans Lovable
Projet Lovable
Construire l'application web avec des invitations et des éditions visuelles. Connectez GitHub afin que les code vivent dans un dépôt.
Exporter et envelopper
Capacitor shell
Cloner le dépôt, construire un dossier statique dist, et ajouter des projets iOS et Android avec Capacitor.
Construire et mettre à jour
Capgo boucle de mise en production
Construire des binaires signés avec Capgo Build, puis envoyer des modifications web en tant que mises à jour en direct à partir de GitHub Actions.
Le problème
Lovable construit l'application. Les magasins ont besoin de plus.
Lovable ne peut pas exécuter les outils natifs
Vous devez avoir un dépôt et un service de build pour que les téléchargements de l'application se produisent.
Tout changement attend la revue
Après la première mise à jour du magasin, chaque nouvelle version repasse par la revue du magasin, souvent 24 à 48 heures, parfois beaucoup plus longtemps.
La pile
Ce que chaque outil fait
Lovable construit l'application web
Écrans, flux, texte et câblage backend, itérés avec des prompts. Une application unique-page vous donne un dossier statique dist à envelopper.
Capacitor l'enveloppe
GitHub abrite le code. Capacitor incorpore l'application web construite dans des projets natifs iOS et Android avec votre ID d'application, vos icônes et vos autorisations.
Lovable construit et met à jour Capgo
Capgo Crée des binaires signés et les envoie aux magasins. Les mises à jour en temps réel acheminent plus tard les modifications web vers les applications installées.
La Solution
La voie Capgo de Lovable vers les magasins
Lovable continue à construire le produit. Capacitor et Capgo ajoutent les étapes de construction native, d'envoi aux magasins et de mise à jour.
Exporter vers GitHub et ajouter Capacitor
Connectez Lovable à GitHub, clonez le dépôt, créez un dossier de dist statique et ajoutez les projets iOS et Android avec Capacitor.
Construire avec Capgo Build
Demander des builds iOS et Android signés au CLI. Les builds iOS s'exécutent sur des Macs cloud, et une build typique prend 2-3 minutes.
Publiez chaque mise à jour comme un live update
Lorsque GitHub est activé, la publication dans Lovable envoie un commit. Une GitHub Action construit l'application et télécharge le bundle, afin que les applications installées reçoivent les mises à jour web sans une nouvelle mise à jour de magasin.
Laissez votre agent AI lancer les mises à jour
The Capgo MCP server lets Claude Code, Codex, or Cursor upload bundles, manage channels, and request builds. Capgo skills add Capgo-specific instructions for the agent.
Comment ça marche
How Lovable builders ship mobile apps with Capgo
De projet Lovable à la construction de magasin et aux mises à jour en direct. Vous exécutez ces commandes sur votre ordinateur ou laissez un agent de codage les exécuter.
-
Exporter vers GitHub et cloner
In Lovable, connectez-vous à GitHub. Cloner le dépôt et vérifiez que la construction crée un dossier dist avec index.html.
Lovable à Capacitor tutorielgit clone https://github.com/you/your-lovable-app.git cd your-lovable-app npm install npm run build -
Ajoutez Capacitor et Capgo
Configurez les projets natifs, puis exécutez l'Capgo onboarding. Il ajoute votre application, crée un canal de production et installe le plugin de mise à jour.
CLI guide d'onboardingnpm 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 -
Construirez des applications signées dans le cloud
Configurez la signature une fois, puis demandez des builds iOS et Android. Les builds signés sont envoyés à App Store Connect et Google Play pour examen.
Capgo Build docsnpx @capgo/cli@latest build init npx @capgo/cli@latest build request --platform ios npx @capgo/cli@latest build request --platform android -
Ship each Publish comme un live update
Configurez CAPGO_TOKEN en tant que secret GitHub et un flux qui construit et envoie à la poussée. De nouveaux plugins ou permissions nécessitent toujours une nouvelle build du magasin.
Guide de publication Lovable vers live update# step in .github/workflows, with CAPGO_TOKEN from secrets npm ci && npm run build npx @capgo/cli@latest bundle upload --channel=production --auto-bump
Prompt de l'agent de codage
Laissez votre agent de codage configurer les choses
Lovable ne peut pas exécuter le Capgo CLI. Après avoir cloné le dépôt, coller ceci dans un agent de codage local tel que Claude Code, Codex ou Cursor. Cela installe le serveur MCP Capgo, ajoute Capacitor et l'actualiseur, et laisse les TODOs pour la signature au lieu de l'invention de secrets.
Prompt pour votre agent de codage
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.Apps construits avec Capacitor
Les produits de modèl’et d'apprentissage sont des candidats mobiles naturels
Les applications de création et d'apprentissage démontrent comment les flux web peuvent devenir des expériences mobiles prêtes à l'emploi lorsqu'on gère de manière propre la mise en boîte, la signature et les mises à jour.
ÉVÉNEMENTS
Conception de cartes d'invitation
Flux de conception guidé par modèle qui se mappent naturellement du web réactif au mobile
- Installs Google Play
- 20,0M
- Note de notation du magasin
- 4.6
Éducatif
Infini japonais
Application d'apprentissage ciblée où les améliorations de petites leçons et de l'expérience d'accueil se cumulent.
- Installs Google Play
- 1,8M
- Notation de magasin
- 4.6
ÉDUCATION
StudySmarter - Études et université
Le flux de travail où l'itération du produit web peut continuer après l'emballage de l'application.
- Google Play installe
- 6,5M
- Notation de l'épicerie
- 4.8
Les clients satisfaits
Ce que les équipes embarquées avec Capgo disent
sikafanka
Conception, rayon 5
“Capgo Build nous a aidé à simplifier notre processus de mise en ligne de l’application Capacitor . Nous pouvons construire et envoyer des applications iOS et Android à partir d’un flux de travail clair.”
Kapil
Fondateur, NuTriQ
« Pouvoir déployer des mises à jour OTA en production instantanément, sans attendre les cycles de revue complets de l'App Store, a été un avantage opérationnel considérable. »
Luis Dominguez
L'homme qui paie, Anirol
“Depuis que j'ai commencé à utiliser Capgo tout est plus rapide, et je peux donner à mes utilisateurs le temps qu'ils méritent sans négliger ma vie quotidienne.”
FAQ
Questions que les constructeurs aimables se posent
Réponses courtes pour prendre une application Lovable ou codée par vibecode jusqu'à l'App Store et Google Play.
La Lovable peut-elle publier directement sur l'App Store ?
Non. Lovable construit l'application web. Vous exportez-la vers GitHub, l'entourez avec Capacitor, et construisez des applications iOS et Android signées avec Capgo Build, qui les envoie sur App Store Connect et Google Play.
Tutoriel Lovable vers Capacitor
Faut-il un Mac ou Xcode ?
Non. Capgo Build exécute les builds iOS sur des machines Mac en ligne. Vous avez toujours besoin d'un compte Apple Developer pour l'App Store et d'un compte développeur Google Play pour Android.
Capgo Build docs
Will changes I make in Lovable reach the mobile app?
Oui, pour les modifications du layer web. Avec GitHub synchronisé, Publish envoie un commit, une action GitHub s'exécute, l'upload de bundle, et les applications installées téléchargent l'update. Les nouveaux plugins ou permissions nécessitent toujours une nouvelle construction de l'application de magasin.
Guide Lovable Publish vers live update
Mon projet Lovable utilise Next.js. Fonctionne-t-il ?
Oui, avec une exportation statique. Pointez le répertoire web de Capacitor vers le dossier out au lieu de dist. Les applications Vite single-page fonctionnent telles quelles.
Next.js avec Capacitor
Peut mon agent AI gérer les étapes de mise en production ?
Oui. npx @capgo/cli mcp démarre un serveur MCP local que Claude Code, Codex ou Cursor peuvent utiliser pour télécharger des ensembles, gérer des canaux et demander des builds. Les compétences Capgo ajoutent des instructions spécifiques pour l'agent Capgo.
Serveur MCP de CapgoMetrez votre application Lovable dans les magasins
Démarrer la période d'essai gratuite de 14 jours, exportez votre projet vers GitHub et demandez vos premiers builds iOS et Android depuis le CLI.
Support humain de Martin