Aller au contenu principal

Pour les créateurs sur v0 : sans Mac, sans Xcode

Transformez votre app v0 en apps iOS et Android

Exportez votre projet v0, encapsulez-l’avec Capacitor et compilez 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 v0 arrivent dans les apps installées via des live updates.

Pas de Mac
requis pour les builds iOS
iOS + Android
plateformes natives
Mises à jour live
pour les modifications faites dans v0

projet v0

Générez l'app Next.js avec v0. Poussez-la sur GitHub pour que le code soit dans un repo.

Exporter et wrapper

Shell Capacitor

Générez un dossier out 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

v0 compile l'app, mais les stores exigent plus.

L'app s'arrête au navigateur

Un projet v0 est une web app. Les fiches sur les stores, les notifications push et les fonctionnalités de l'appareil nécessitent une enveloppe native.

v0 ne peut pas exécuter d'outils natifs

La signature, Xcode, Android Studio et l'upload vers les stores se font hors de v0. 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

v0 compile l'application web

Écrans, parcours, textes et câblage backend, itérés via des prompts. Le build de production vous donne un dossier out statique à wrapper.

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 chemin Capgo de v0 vers les stores

v0 continue de développer le produit. Capacitor et Capgo ajoutent le build natif, l'upload sur les stores et les étapes de mise à jour.

Poussez vers GitHub et ajoutez un export statique

Poussez le projet v0 vers GitHub depuis le panneau Git de v0 (ou téléchargez le code) et clonez-le. Les apps v0 sont en Next.js : définissez donc output: 'export' dans next.config et compilez vers le dossier out.

Guide web app vers Capacitor

Compilez avec Capgo Build

Demandez des builds iOS et Android signés via le CLI. Les builds iOS s’exécutent sur des Mac cloud, et les logs en direct affichent la progression tout au long du build.

Capgo Docs de build

Déployez chaque modification en live update

Avec le repo GitHub connecté, chaque modification faite dans v0 pousse des commits vers le repo. Une Action GitHub compile l'app et envoie le bundle, pour que les apps installées reçoivent les changements web sans nouvelle release sur les stores.

Intégration GitHub Actions Live update ou build natif ?

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.

Serveur MCP Capgo Skills IA de Capgo

Comment ça marche

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

Passez d'un projet v0 aux builds pour les stores et aux live updates. Exécutez ces commandes vous-même ou laissez un agent IA s'en charger.

  1. Poussez vers GitHub et ajoutez un export statique

    Poussez le projet v0 vers GitHub depuis le panneau Git de v0 (ou téléchargez le code) et clonez-le. Les apps v0 sont en Next.js : définissez donc output: 'export' dans next.config et compilez vers le dossier out.

    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
    Guide web app vers 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 out
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 v0, collez ceci dans un agent de codage tel que Claude Code, Codex ou Cursor. Il installe le serveur MCP Capgo, ajoute Capacitor et l'updater, et laisse des TODO pour la signature au lieu d'inventer des secrets.

Prompt pour votre agent de code

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.

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 des builders v0

Réponses courtes pour passer d’une app v0 à l’App Store et à Google Play.

v0 peut-il publier directement sur l’App Store ?

Non. v0 compile l’app web. Vous exportez le code, l’entourez avec Capacitor, puis compilez des apps iOS et Android signées avec Capgo Build, qui les envoie sur App Store Connect et Google Play.

Guide web app vers 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 app v0 utilise des server actions ou des routes API. Est-ce que ça fonctionne ?

L’app mobile ne livre que l’export statique. Gardez les code serveur déployés sur Vercel et appelez-les depuis l’app avec leur URL https complète. Les pages et les composants client fonctionnent tels quels.

Next.js avec Capacitor

Les composants shadcn/ui fonctionnent-ils sur mobile ?

Oui. Ce sont des composants React avec des styles Tailwind, ils s’affichent donc dans la web view native comme dans un navigateur. Vérifiez les zones tactiles et les safe areas sur un appareil réel.

Will changes I make in v0 reach the mobile app?

Avec le dépôt GitHub connecté, les modifications que vous faites dans v0 poussent des commits vers le dépôt. Oui, pour les modifications de la couche web. Une Action GitHub lance l’upload du bundle à chaque push, et les applications 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 application v0 sur les stores

Commencez l’essai gratuit de 14 jours, exportez votre projet v0 et demandez vos premiers builds iOS et Android depuis le CLI. Choisissez un plan avec une garantie de remboursement de 14 jours, exportez votre projet v0 et demandez vos premiers builds iOS et Android depuis le CLI.