L'app si ferma al browser
Un progetto Lovable è un'app web. Le liste dei prodotti, le notifiche push e le funzionalità del dispositivo richiedono una shell nativa intorno.
Per costruttori di Lovable e vibe-coding
Esporta il tuo progetto Lovable in GitHub, avvolgilo con Capacitor e costruisci app store firmate con Capgo Build. Dopo il lancio, ogni pubblicazione in Lovable può raggiungere le app installate come un live update attraverso GitHub Azioni.
Sostegno umano da Martin
Progetto Lovable
Costruisci l'app web con promemoria e modifiche visive. Collega GitHub affinché code viva in un repository.
Esporta e avvolgi
Capacitor shell
Clona il repository, costruisci un cartello di distribuzione statico e aggiungi progetti iOS e Android con Capacitor.
Costruisci e aggiorna
Capgo ciclo di rilascio
Costruisci binari firmati con Capgo Build, poi invia modifiche web come aggiornamenti in tempo reale da GitHub Actions.
Il Problema
Un progetto Lovable è un'app web. Le liste dei prodotti, le notifiche push e le funzionalità del dispositivo richiedono una shell nativa intorno.
Istruzioni, Xcode, Android Studio e caricamenti negli store avvengono al di fuori di Lovable. È necessario un repository e un servizio di build.
Dopo la prima rilascio di negozio, ogni nuova versione torna attraverso la revisione del negozio, spesso 24-48 ore, a volte molto più a lungo.
La pila
Schermate, flussi, copia e connessioni backend, iterati con promemoria. Un'app unica pagina vi dà un dist statico per avvolgere.
Ecco il GitHub che tiene il code. Capacitor inserisce l'app web costruita in progetti nativi iOS e Android con il tuo ID app, icone e autorizzazioni.
Costruisce Capgo ed esegue l'upload dei binari firmati nei negozi. Le nuove funzionalità vengono inviate in aggiornamento alle app installate.
La Soluzione
Lovable continua a sviluppare il prodotto. Capacitor e Capgo aggiungono i passaggi di compilazione nativa, caricamento negli store e aggiornamento.
Connetti Lovable a GitHub, clona il repository, crea una cartella di distribuzione statica e aggiungi i progetti iOS e Android con Capacitor.
Richiedi costruzioni iOS e Android firmate digitalmente dal CLI. Le costruzioni iOS vengono eseguite su Mac in cloud, e una costruzione tipica richiede 2-3 minuti.
Con GitHub sincronizzato, Pubblica in Lovable invia un commit. Un GitHub Azione costruisce l'app e carica il pacchetto, quindi gli app installati ricevono le modifiche web senza una nuova versione di store.
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.
Come funziona
Da un progetto Lovable a costruzioni di store e aggiornamenti in tempo reale. Esegui questi comandi sul tuo computer o lascia che un agente di codifica li esegua.
In Lovable, collega GitHub. Clona il repository e controlla che la build crea una cartella dist con index.html.
git clone https://github.com/you/your-lovable-app.git
cd your-lovable-app
npm install
npm run build
Lovable a Capacitor tutorial
Aggiungi i progetti nativi, quindi esegui l'onboarding di Capgo. Aggiunge la tua app, crea un canale di produzione e installa il plugin di aggiornamento.
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
Imposta la firma una volta e richiedi costruzioni iOS e Android. Le costruzioni firmate vengono caricate su App Store Connect e Google Play per la revisione.
npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
Capgo Build docs
Add CAPGO_TOKEN as a GitHub secret and a workflow that builds and uploads on push. New plugins or permissions still need a new 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
Guida di pubblicazione a live update
Promemoria per l'agente di codifica
Capgo non può eseguire il CLI. Dopo aver clonato il repository, incollare questo in un agente di codifica locale come Claude Code, Codex o Cursor. Installa il server MCP Capgo, aggiunge Capacitor e l'aggiornatore, e lascia i TODO per la firma al posto delle segrete
Promemoria per l'agente di codifica
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.
Applicazioni costruite con Capacitor
Applicazioni di creazione e app di apprendimento mostrano come i flussi web possano diventare esperienze mobili pronte per il negozio quando la confezione, la firma e gli aggiornamenti sono gestiti in modo pulito.
Flusso di progettazione guidato da template che si mappa naturalmente da web responsivo a mobile.
Apprendimento focalizzato dove piccole lezioni e miglioramenti di onboarding si accumulano.
Il flusso di lavoro dove l'iterazione del prodotto web può continuare dopo la confezione dell'app.
Clienti soddisfatti
Progettazione, raggio 5
“Capgo Build ci ha aiutato a semplificare il nostro processo di rilascio dell'Capacitor app. Possiamo costruire e distribuire app iOS e Android da un flusso di lavoro chiaro e unico.”
Fondatore, NuTriQ
Ecco cosa significa per noi poter inviare aggiornamenti OTA in produzione istantaneamente, senza dover attendere i cicli di revisione completi dell'App Store.
El che paga, Anirol
“Da quando ho iniziato ad utilizzare Capgo tutto è più veloce, e posso dare ai miei utenti il tempo che meritano senza trascurare la mia vita quotidiana.”
FAQ
Risposte brevi per portare un'app Lovable o codificata per vibrazione sullo Store App e Google Play.
No. Lovable builds the web app. You export it to GitHub, wrap it with Capacitor, and build signed iOS and Android apps with Capgo Build, which uploads them to App Store Connect and Google Play.
Tutorial Lovable a CapacitorNo. Build di Capgo esegue le costruzioni iOS su macchine cloud. Tuttavia, hai bisogno di un account di sviluppatore Apple per lo Store App e un account di sviluppatore Google per Android.
Capgo Build docsSì, per le modifiche al layer web. Con GitHub sincronizzato, Publish invia un commit, un'azione di GitHub esegue l'upload del pacchetto e le app installate scaricano l'aggiornamento. Nuovi plugin o autorizzazioni richiedono ancora una nuova costruzione dello store.
Lovable Publish a live update guideSì, con un'esportazione statica. Puntale il webDir di Capacitor sull'out folder al posto di dist. Le app a pagina singola di Vite funzionano come sono.
Prossimo.js con CapacitorSì. npx @capgo/cli mcp avvia un server MCP locale che Claude Code, Codex o Cursor possono utilizzare per caricare i pacchetti, gestire i canali e richiedere le costruzioni. Le Capgo competenze aggiungono istruzioni specifiche per l'agente Capgo.
Capgo server MCPInizia la prova gratuita di 14 giorni, esporta il tuo progetto in GitHub e richiedi i primi costruzioni iOS e Android dal CLI.
Sostegno umano da Martin