Aller au contenu principal

Pour les développeurs Lovable : pas de Mac, pas d'Xcode

Transformez votre app Lovable en apps iOS et Android

Exportez votre projet Lovable, enveloppez-l’avec Capacitor, et générez des apps signées pour l'App Store et Google Play avec Capgo Build. Pas besoin de Mac. Après le lancement, les modifications faites dans Lovable arrivent dans les apps installées via des live updates.

Pas de Mac
requis pour les builds iOS
2–3 min
build natif classique
Mises à jour live
pour les modifications faites dans Lovable

Projet Lovable

Créez l’application web à l’aide de prompts et d’éditions visuelles. Connectez GitHub pour que le code soit stocké dans un dépôt.

Exporter et wrapper

Shell Capacitor

Générez un dossier dist statique et ajoutez des projets iOS et Android avec Capacitor.

Build et mise à jour

Boucle de release Capgo

Compilez des binaires signés avec Capgo Build, puis déployez vos changements web en live updates depuis GitHub Actions.

Le problème

Lovable compile l'app. Les stores en exigent plus.

L'app s'arrête au navigateur

Un projet Lovable est une web app. Les fiches de store, les notifications push et les fonctionnalités de l'appareil exigent un shell natif.

Lovable ne peut pas exécuter d'outils natifs

La signature, Xcode, Android Studio et l'upload vers les stores se font en dehors de Lovable. Vous avez besoin de code et d'un service de build.

Chaque changement attend une validation

Après la première release sur les stores, chaque nouvelle version repasse par la validation du store, souvent 24 à 48 h, parfois bien plus longtemps.

La stack

Le rôle de chaque outil

Lovable construit l’application web

Écrans, flux, contenu et branchements backend, itérés via des prompts. Le build de production génère un dossier dist statique à encapsuler.

Capacitor l'encapsule

Capacitor intègre l'app web compilée dans des projets natifs iOS et Android avec votre app ID, vos icônes et vos permissions. Le code reste inchangé.

Capgo le compile et le met à jour

Le build Capgo crée les binaires signés et les envoie sur les stores. Les live updates déploient ensuite les changements web sur les apps installées.

La solution

Le parcours Capgo de Lovable vers les stores

Lovable continue de développer le produit. Capacitor et Capgo ajoutent le build natif, l’upload sur les stores et les mises à jour.

Compilez avec Capgo Build

Demandez des builds iOS et Android signés via le CLI. Les builds iOS tournent sur des Macs dans le cloud, et un build typique prend 2 à 3 minutes.

Déployez chaque modification en live update

Avec la synchronisation GitHub activée, chaque Publish dans Lovable pousse un commit. Une GitHub Action compile l'app et envoie le bundle, pour que les apps installées reçoivent les changements web sans nouvelle release sur les stores.

Laissez votre agent IA piloter les releases

Le serveur MCP Capgo permet à Claude Code, Codex ou Cursor d'envoyer des bundles, de gérer les canaux et de demander des builds. Les skills Capgo ajoutent des instructions spécifiques à Capgo pour l'agent.

Comment ça marche

Comment les builders Lovable déploient des apps mobiles avec Capgo

D'un projet Lovable aux builds pour les stores et aux live updates. Vous exécutez ces commandes vous-même ou laissez un agent de code les exécuter.

  1. Exportez vers GitHub et clonez

    Dans Lovable, connectez GitHub. Clonez le repo et vérifiez que le build crée un dossier dist avec index.html.

    git clone https://github.com/you/your-lovable-app.git
    cd your-lovable-app
    npm install
    npm run build
    Tutoriel : de Lovable à Capacitor
  2. Ajoutez Capacitor et Capgo

    Ajoutez les projets natifs, puis lancez l'onboarding Capgo. Cela ajoute votre app, crée un canal de production et installe le plugin updater.

    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
    Guide d'onboarding CLI
  3. Compilez des apps signées dans le cloud

    Configurez la signature une fois, puis demandez les builds iOS et Android. Les builds signés sont envoyés à App Store Connect et Google Play pour validation.

    npx @capgo/cli@latest build init
    npx @capgo/cli@latest build request --platform ios
    npx @capgo/cli@latest build request --platform android
    Capgo Docs de build
  4. Déployez chaque modification en live update

    Ajoutez CAPGO_TOKEN comme secret GitHub et un workflow qui build et envoie à chaque push. Les nouveaux plugins ou permissions nécessitent toujours un nouveau build pour les stores.

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

Prompt pour agent IA

Laissez votre agent de code gérer la configuration

Une fois que vous avez le code de Lovable, collez ceci dans un agent de codage comme Claude Code, Codex ou Cursor. Il installe le serveur MCP Capgo, ajoute Capacitor et l'updater, et laisse des TODO pour la signature plutôt que d'inventer des secrets.

Prompt pour votre agent de code

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.

Apps développées avec Capacitor

Les templates et produits d'apprentissage sont des candidats mobiles naturels

Les applications de création et d'apprentissage montrent comment des flux de type web peuvent devenir des expériences mobiles prêtes pour les stores lorsque le packaging, la signature et les Live Update sont gérés proprement.

Icône de l'app Invitation Maker Card Design ÉVÉNEMENTS

Design de carte pour créateur d'invitations

Flux de design basé sur des templates, naturellement transposé du web responsive au mobile.

Installations Google Play
20,0 M
Note du store
4.6
Icône de l'app Infinite Japanese Éducatif

Infini japonais

Une application d'apprentissage ciblée où chaque petite leçon et amélioration de l'onboarding s'accumule.

Installations Google Play
1,8 M
Note du store
4.6
StudySmarter - Icône de l'app école et université ÉDUCATION

StudySmarter - École et université

Workflow d'étude où l'itération du produit web peut se poursuivre après le packaging de l'app.

Installations Google Play
6,5 M
Note du store
4.8

Témoignages clients

Ce que disent les équipes qui déploient avec Capgo

5.0/5 noté par les équipes de développeurs 9,400+ équipes Lire les avis

sikafanka

Design, rayon 5

“Capgo Build nous a aidés à simplifier notre processus de release de l’app Capacitor. Nous pouvons compiler et déployer des apps iOS et Android depuis un workflow unique et clair.”

Kapil

Fondateur, NuTriQ

“Pouvoir pousser instantanément des mises à jour OTA en production sans attendre les cycles complets de validation de l’App Store est un avantage opérationnel énorme.”

Portrait de Luis Dominguez

Luis Dominguez

Celui qui paie, Anirol

« Depuis que j'utilise Capgo, tout est plus rapide, et je peux offrir à mes utilisateurs le temps qu'ils méritent sans négliger ma vie quotidienne. »

FAQ

Questions que se posent les développeurs Lovable

Réponses rapides pour publier une app Lovable sur l'App Store et Google Play.

Lovable peut-il publier directement sur l'App Store ?

Non. Lovable génère l'app web. Vous exportez le code, l'enveloppez avec Capacitor, puis compilez des apps iOS et Android signées avec Capgo Build, qui les envoie sur App Store Connect et Google Play.

Tutoriel : de Lovable à Capacitor

Ai-je besoin d'un Mac ou de Xcode ?

Non. Capgo Build exécute les builds iOS sur des machines Mac dans le cloud. Vous avez toujours besoin d'un compte Apple Developer pour l'App Store et d'un compte développeur Google Play pour Android.

Capgo Docs de build

Mon projet Lovable utilise Next.js. Est-ce que ça fonctionne ?

Oui, avec un export statique. Pointez le webDir de Capacitor vers le dossier out au lieu de dist. Les SPA Vite fonctionnent telles quelles.

Next.js avec Capacitor

Mon backend Supabase continuera-t-il de fonctionner dans l'app ?

Oui. L'app appelle le même projet Supabase via le réseau, comme le fait la version web. Ajoutez le scheme de votre app aux URLs de redirection d'authentification Supabase si vous utilisez OAuth.

Les modifications faites dans Lovable seront-elles appliquées à l’app mobile ?

Avec la synchronisation GitHub activée, chaque publication dans Lovable pousse un commit. Oui, pour les modifications de la couche web. Une GitHub Action lance l'upload du bundle à chaque push, et les apps installées téléchargent la mise à jour. Les nouveaux plugins ou permissions nécessitent toujours un nouveau build pour les stores.

Intégration GitHub Actions

Mon agent IA peut-il gérer les étapes de release ?

Oui. npx @capgo/cli mcp lance un serveur MCP local que Claude Code, Codex ou Cursor peut utiliser pour envoyer des bundles, gérer les canaux et demander des builds. Les skills Capgo ajoutent des instructions spécifiques à Capgo pour l'agent.

Serveur MCP Capgo

Publiez votre app Lovable sur les stores

Lancez l'essai gratuit de 14 jours, exportez votre projet Lovable et demandez vos premiers builds iOS et Android depuis CLI. Choisissez un plan avec une garantie de remboursement de 14 jours, exportez votre projet Lovable et demandez vos premiers builds iOS et Android depuis CLI.