Convert Your Lovable App to iOS and Android with Capacitor

Introduzione

Lovable E' un costruttore di app AI che trasforma le richieste in app React funzionanti in pochi minuti. Puoi spedire in browser velocemente — ma cosa succede se vuoi che la tua app sia sullo Store App e Google Play, seduta sulle home screen come ogni altra app nativa?

Questa guida guida attraverso il percorso completo: esporta da Lovable, avvolgi l'app web con CapacitorCostruisci binari iOS e Android firmati nel cloud con Capgo Builder (nessuna Mac richiesta), aggiungi una vera funzione nativa e invia una correzione di layout in remoto con Capgo Live Updates.

Utilizziamo Cursor attraverso tutto — il suo AI può eseguire la maggior parte dei comandi del terminale per te se preferisci non scriverli manualmente.

Tempo richiesto: circa 1–2 ore la prima volta, per lo più configurazione del conto e attesa dei build in cloud.

Al termine, avrai:

• Un'app nativa iOS e Android costruita dalla cloud — senza Xcode o Android Studio sulla strada principale
• L'applicazione in esecuzione su un dispositivo reale (TestFlight, installazione diretta o testing interno di Play)
• Una funzione di camera funzionante che solo un'app nativa può offrire
• Aggiornamenti in tempo reale configurati in modo che le correzioni UI e CSS siano inviate senza revisione del negozio

Prerequisiti

Costi (solo per pubblicare pubblicamente):

Facoltativo (solo simulatore locale):

Puoi saltare entrambi. La principale via di questo guide costruisce in cloud e installa su dispositivi reali senza di essi.

Una Nota Rapida su Lovable e Frameworks

Prima di toccare code, sai che il tipo di app web generata da Lovable influenza il wrapping mobile.

Per molto tempo, il default di Lovable era una app singola di pagina (SPA) React + Vite. A partire da maggio 2026, nuove app Lovable possono utilizzare TanStack Inizia con la rendering server-side (SSR) realizzato di default. SSR è ottimo per il web, ma Capacitor avvolge una costruzione statica una cartella di HTML, CSS e JavaScript con un index.html al suo interno — che viene spedito all'interno dell'app sul dispositivo.

Un'app SSR aspetta un server per rendere le pagine su ogni richiesta. Non c'è un server all'interno di un telefono, quindi per Capacitor desideri output statico, client-renderizzato.

Cosa fare:

• Iniziando da zero: Chiedi a Lovable una applicazione a pagina singola (SPA) o saltare SSR per ottenere una statica dist/ cartella.
• Già su TanStack Start (SSR): Configuralo per la pre-elaborazione o per l'output di una SPA statica. L'unica richiesta è una cartella di build statica contenente index.html.
• Progetti Lovable Next.js Legacy: Usa l'esportazione statica — l'output va a out/ invece di dist/.

Quale che sia il framework che utilizzi, puntali il Capacitor a quella cartella. Per una SPA Vite, quella cartella è webDir Passo 1 — Esporta la tua App Lovable in __CAPGO_KEEP_0__ dist.

Lovable mantiene il tuo GitHub nella sua editoria fino a quando non connetti __CAPGO_KEEP_1__.

Lovable keeps your code in its editor until you connect GitHub.

1. Apri il tuo progetto Lovable nel browser
2. Clicca Aggiorna Se necessario, apri Git nel menu a sinistra
3. Scegli GitHub, autorizza Lovable e collega il tuo account
4. Lovable crea un repository e invia automaticamente il tuo app

✅ Successo: Visita github.com/YOUR-USERNAME/your-app mostra il tuo app’s code.

Passo 2 — Configura Cursor e clona il tuo progetto

Prima di poter lavorare con il tuo code localmente, avrai bisogno di un code editor. Consigliamo Cursor, un editor basato su AI che può eseguire comandi del terminale per te.

Scarica e installa Cursor

1. Visita cursor.sh e scarica la versione per il tuo sistema operativo
2. Installa Cursor seguendo il wizard di installazione
3. Una volta installato, apri Cursor

Configura Cursor per lo sviluppo AI

Per un'esperienza ottimale, configura Cursor prima di iniziare:

1. Acquista un piano per Cursor — Sebbene Cursor offra un livello gratuito, un piano Pro ($20/mese) ti offre completamenti AI illimitati, accesso a Claude e GPT-4, e esecuzione di comandi
2. Apri le impostazioni di Cursor Premi Command+, (Mac) o Ctrl+, (Windows)

3. Abilita modelli AI   Assicurati che le funzionalità AI siano abilitate:

4. Scegli il tuo modello preferito   Scegli Claude o GPT-4 per i migliori risultati:

5. Consenti l'esecuzione dei comandi   Abilita il puntatore per eseguire comandi per te:

Clona il tuo repository nel puntatore

1. In Cursor, premi Shift+Command+P (Mac) o Shift+Ctrl+P per aprire la finestra delle istruzioni del comando
2. Digita "clone" e seleziona Git: Clone
3. Incolla l'URL del tuo repository GitHub: https://github.com/YOUR-USERNAME/your-lovable-app.git
4. Scegli una cartella dove desideri salvare il progetto

5. Cursor clonerà e aprirà il tuo progetto

Passo 3 — Installa le dipendenze e esegui localmente

Metodo 1: Utilizzando Cursor AI (Consigliato)

1. Apri la scheda AI di Cursor premendo Command+K (Mac) o Ctrl+K (Windows)
2. Digita il seguente comando:

Install Homebrew, Node.js and npm on my system, then install dependencies and run the dev server

L'AI rileverà automaticamente il tuo sistema operativo, installerà Node.js, eseguirà npm install, e avvierà il server di sviluppo con npm run dev.

Metodo 2: Installazione manuale

Apri il terminale in Cursor premendo Shift+Command+T (Mac) o Shift+Ctrl+T (Windows), quindi:

Per macOS:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install node
cd your-lovable-app
npm install
npm run dev

Per Windows:

1. Esegui il download del 24 LTS l'installer da nodejs.org
2. Esegui l'installer
3. Apre il terminale e digita:

cd your-lovable-app
npm install
npm run dev

Gli app Lovable tipicamente eseguiscono su http://localhost:8080 o http://localhost:5173 Oppure — utilizza l'indirizzo che il tuo terminale stampa.

Premi Ctrl + C per fermare il server di sviluppo quando sei pronto a continuare.

✅ Eseguito: La tua app si apre nel browser con la sua interfaccia utente funzionante.

Fase 4 — Prepara la costruzione di produzione statica

Capacitor richiede una costruzione di produzione prima di aggiungere piattaforme native.

React + Vite (la maggior parte delle app amabili)

Metodo 1: Utilizzo di Cursor AI (Consigliato)

Tieni premuto Command+K (Mac) o Ctrl+K (Windows) e chiedi:

Configure vite.config for Capacitor mobile deployment with base './' and production build to dist

Metodo 2: Configurazione manuale

Conferma vite.config.ts utilizza una base relativa quindi gli asset si caricano all'interno della WebView nativa:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  base: './',
  build: {
    outDir: 'dist',
  },
})

Costruisci e verifica:

npm run build

Devi vedere un dist/ cartella con index.html a sua radice.

Progetti Next.js di legacy Lovable

Se il tuo repository utilizza Next.js, chiedi a Cursor:

Add a static export script to package.json and configure next.config.js for mobile export with Capacitor

O segui Converti la tua App Next.js in Mobile per la configurazione completa, poi utilizza next.config in __CAPGO_KEEP_0__ al posto di webDir: 'out' in Capacitor instead of dist.

✅ Ecco il risultato: Esiste una cartella di build statica (dist/ o out/Contenuto di testo HTML da una stringa di Capgo UI più lunga (chiave genitrice `alternatives_cta_questions`). Pagina/area: pagina di confronto delle alternative di aggiornamento live di Capacitor. Ruolo: lungo paragrafo di marketing o legale. Visualizzato in: pagina alternatives.astro. Preservare esattamente i termini di prodotto e marchio di Capgo e i termini di sviluppatore. Chiave di messaggio `alternatives_cta_questions` (Domande per l'alternativa CTA). | Contenuto di testo HTML da una stringa di Capgo UI più lunga (chiave genitrice `appflow_cta_questions`). Pagina/area: copia di marketing di confronto/migrazione per Appflow. Ruolo: lungo paragrafo di marketing o legale. Visualizzato in: pagina ionic-appflow.astro. Preservare esattamente i termini di prodotto e marchio di Capgo e i termini di sviluppatore. Chiave di messaggio `appflow_cta_questions` (Domande per l'alternativa CTA Appflow). | Contenuto di testo HTML da una stringa di Capgo UI più lunga (chiave genitrice `capwesome_cta_questions`). Pagina/area: pagina di confronto di Capawesome. Ruolo: lungo paragrafo di marketing o legale. Visualizzato in: pagina capwesome.astro. Preservare esattamente i termini di prodotto e marchio di Capgo e i termini di sviluppatore. Chiave di messaggio `capwesome_cta_questions` (Domande per l'alternativa CTA Capwesome). | Contenuto di testo HTML da una stringa di Capgo UI più lunga (chiave genitrice `consulting_faq_subtitle`). Pagina/area: pagina dei servizi di consulenza. Ruolo: sottotitolo o didascalia di sezione. Visualizzato in: pagina consulting.astro. Preservare esattamente i termini di prodotto e marchio di Capgo e i termini di sviluppatore. Chiave di messaggio `consulting_faq_subtitle` (Sottotitolo FAQ dei servizi di consulenza). | Pagina/area: copia di marketing di confronto/migrazione per Appflow. Ruolo: breve etichetta di UI o elemento di navigazione. Visualizzato in: pagina ionic-appflow.astro, pagina ionic-enterprise-plugins.astro, pagina soluzioni/ionic-enterprise-plugins.astro. Chiave di messaggio `appflow_plugins_or` (Appflow Plugins o). index.html.

Step 5 — Add Capacitor and Native Platforms

Passo 5 — Aggiungi Capacitor e piattaforme native

__CAPGO_KEEP_0__ avvolge la tua app web in gusci iOS e Android reali — non è necessario alcuna riscrittura.

Metodo 1: Utilizzando Cursor AI (Raccomandato) Command+K Tasti Ctrl+K (Mac) o

Install Capacitor CLI, initialize it for my app with webDir dist, and add iOS and Android platforms

(Windows) e chiedi: La AI chiederà il nome della tua app e ID del pacchetto (ad es. com.yourcompany.myapp).

Metodo 2: Installazione manuale

npm install @capacitor/core @capacitor/cli
npx cap init

Quando viene richiesto:

Scegli un ID del Pacchetto che effettivamente possiedi. Gli ID dei bundle sono univoci a livello globale. Utilizza un ID a dominio inverso basato su un dominio che controlli fin dall'inizio — modificandolo in seguito significa trovare e sostituire in tutto il codice ios/ e android/ contexto: Sito web di marketing Capgo. Ruolo: Etichetta UI breve o elemento di navigazione. Visto in: pagina trust.astro. Chiave di messaggio `e` (E).

npm run build
npm install @capacitor/ios @capacitor/android
npx cap add ios
npx cap add android
npx cap sync

Configura Capacitor

Metodo 1: Utilizzo di Cursor AI (Consigliato)

Chiedi a Cursor:

Update capacitor.config.ts to use dist as webDir and set up for HTTPS

Per l'esportazione statica di Next.js, chiedigli di utilizzare out invece.

Metodo 2: Configurazione Manuale

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    androidScheme: 'https',
  },
};

export default config;

Costruisci e sincronizza

Metodo 1: Utilizzo di Cursor AI (Consigliato)

Dille a Cursor:

Build the production web app and sync it with Capacitor platforms

Metodo 2: Comandi Manuali

npm run build
npx cap sync

Il tuo progetto ora assomiglia a:

your-lovable-app/
├── android/              ← native Android project
├── ios/                  ← native iOS project
├── dist/                 ← built web app (or out/ for Next.js)
├── src/                  ← your Lovable app code
├── capacitor.config.ts
└── package.json

No CocoaPods necessari. Capacitor 8 utilizza Swift Package Manager per le dipendenze iOS automaticamente.

✅ Successo: ios/ e android/ contenitori vengono creati e il terminale mostra Sync finished.

Passo 6 — Verifica il tuo .gitignore

Capgo Il costruttore compila dal tuo repository Git, quindi ios/ e android/ devono essere commessi. Un errore comune è ignorarli nella radice del repository.

Conferma:

• Radice .gitignore Esegue ignorando node_modules e dist (il cloud ricostruisce dist durante le costruzioni web)
• ios/ e android/ se stessi sono non ignorati

✅ Successo: git status mostra ios/ e android/ pronto a commitare (non ignorato).

Passo 7 — Commit e Push

git add .
git commit -m "Add Capacitor and native iOS/Android platforms"
git push

✅ Successo: La tua GitHub repo mostra i ios/ e android/ cartelle.

Passo 8 — Costruisci Binari Pronti per la Vendita con Capgo Builder

Non hai bisogno di un Mac o di una pipeline locale Xcode/Android Studio per distribuire. Capgo Builder Compila, firma e invia da remoto iOS e Android.

Configura Capgo Builder

npx @capgo/cli@latest login
npx @capgo/cli@latest init
npx @capgo/cli@latest build init --platform ios
npx @capgo/cli@latest build init --platform android

Salva le credenziali di firma una volta sola. Utilizza le nostre strumenti gratuiti se hai bisogno di aiuto per generarle:

• Generatore di Certificato iOS
• Generatore di Keystore Android
• Trova l'ID di dispositivo iOS   registra il tuo iPhone per le costruzioni di sviluppo

Vedi Gestisci le credenziali e Costruisci iOS da Windows.

Richiedi una costruzione cloud

npm run build
npx cap sync
npx @capgo/cli@latest build com.yourcompany.myapp --platform ios --build-mode release
npx @capgo/cli@latest build com.yourcompany.myapp --platform android --build-mode release

Il flusso dei log di costruzione si visualizza nel tuo terminale. Con App Store Connect configurato, le costruzioni iOS possono caricare automaticamente su TestFlight.

Installa su un dispositivo reale:

• iOS: TestFlight (consigliato) o una costruzione di sviluppo con l'ID di dispositivo UDID registrato
• Android: Google Play internal testing track o un APK/AAB firmato

✅ Success: Un build firmato è stato completato e puoi installarlo su un dispositivo reale.

Passo 9 — Facoltativo: Test Locale in Xcode o Android Studio

Se hai un Mac o vuoi testare l'emulatore prima dei build cloud:

Per iOS

Metodo 1: Utilizzando Cursor AI (Consigliato)

Open the iOS project in Xcode

Metodo 2: Comando Manuale

npx cap open ios

Prima configurazione di Xcode:

1. Seleziona un simulatore dalla casella a discesa dei dispositivi (ad esempio iPhone 15)
2. Per dispositivi reali: abilita Gestisci automaticamente la firma e seleziona il tuo team di sviluppatore Apple
3. Clicca sul pulsante ▶️ Play — il primo build richiede 5-10 minuti

Per Android

Metodo 1: Utilizzando Cursor AI (Consigliato)

Open the Android project in Android Studio

Metodo 2: Comando manuale

npx cap open android

Prima configurazione dello Studio Android:

1. Installa i pacchetti mancanti SDK se richiesto
2. Creare un emulatore nel Gestore dispositivi (ad esempio Pixel 6, API 33+)
3. Click the green ▶️ Run button — first build takes 5–15 minutes

Usa gli IDE locali per la debuggazione quotidiana. Usa Capgo Costruttore quando hai bisogno di file eseguibili firmati.

✅ Successo: L'applicazione si apre nel simulatore o nell'emulatore mostrando il tuo contenuto amato.

Passo 10 — Abilita Live Reload (Sviluppo)

Accelerare l'iterazione puntando la shell nativa al tuo server di sviluppo locale.

Metodo 1: Utilizzo di Cursor AI (Consigliato)

Diga a Cursor:

Set up live reload for Capacitor development with my local IP address

Metodo 2: Configurazione manuale

1. Trova l'indirizzo IP locale:

# macOS
ipconfig getifaddr en0

# Windows
ipconfig

2. Aggiorna capacitor.config.ts:

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    url: 'http://YOUR_IP_ADDRESS:5173',
    cleartext: true,
  },
};

export default config;

Usa il portale 8080 o 3000 Se è questo che desideri npm run dev Stampa.

3. Applica modifiche:

npx cap copy

✅ Successo: Le modifiche al tuo web code si ricollegano automaticamente sul dispositivo o simulatore.

Passo 11 — Aggiungi una funzionalità nativa: La fotocamera

Un Capacitor plugin consente a JavaScript di chiamare funzionalità del dispositivo reale. Aggiungeremo il plugin della fotocamera affinché gli utenti possano scattare una foto — qualcosa che una scheda del browser non può fare in modo affidabile.

Metodo 1: Utilizzo di Cursor AI (Consigliato)

Diga a Cursor:

Add the Capacitor Camera plugin with iOS and Android permissions and a button to take a photo

Metodo 2: Installazione manuale

npm install @capacitor/camera
npx cap sync

IOS — aggiungi a ios/App/App/Info.plist all'interno del livello superiore <dict>:

<key>NSCameraUsageDescription</key>
<string>This app uses the camera to take photos.</string>

Android — aggiungi all'interno <manifest> in android/app/src/main/AndroidManifest.xml:

<uses-permission android:name="android.permission.CAMERA" />

import { Camera, CameraResultType } from '@capacitor/camera';

async function takePhoto() {
  const photo = await Camera.getPhoto({
    quality: 90,
    resultType: CameraResultType.Uri,
  });
  return photo.webPath;
}

Aggiungere un plugin richiede una nuova costruzione nativa attraverso Capgo Builder prima che funzioni sui dispositivi.

✅ Successo: Camera code compila e npx cap sync termina senza errori.

Passo 12 — Aggiungi Capgo Live Updates

Ogni cambiamento nativo normalmente passa attraverso la revisione dell'app store. Capgo Live Updates Invia modifiche al layer web dell'app (HTML, CSS, JS, immagini) in pochi minuti.

Installa l'aggiornatore nella tua prima versione in modo che non ti trovi mai bloccato in attesa della revisione quando devi inviare una correzione.

npm install @capgo/capacitor-updater
npx cap sync

Aggiungi a capacitor.config.ts:

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  plugins: {
    CapacitorUpdater: {
      autoUpdate: true,
    },
  },
};

export default config;

Inizializza nel tuo punto di ingresso dell'app (ad es. src/main.tsx):

import { CapacitorUpdater } from '@capgo/capacitor-updater';

void CapacitorUpdater.notifyAppReady();

Invia, pubblica e esegui un nuovo Capgo Builder build in modo che l'aggiornatore SDK sia presente nella shell nativa.

Carica i bundle web dopo il lancio:

npm run build
npx @capgo/cli@latest bundle upload --channel production

Vedi Capgo Documentazione degli aggiornamenti in tempo reale.

Per automatizzare questa carica ogni volta che qualcuno clicca su Pubblica in Lovable, segui Automatizza gli aggiornamenti in tempo reale Capgo da Lovable con GitHub Azioni.

✅ Successo: L'aggiornatore plugin è installato e notifyAppReady() si esegue all'avvio.

Passaggio 13 — Correggi lo spazio della barra dello stato con un aggiornamento in tempo reale

On un iPhone reale, il tuo header potrebbe essere posizionato sotto la barra di stato (orologio e batteria). Moderno Capacitor disegna dall'orlo all'orlo, quindi il tuo app deve rispettare gli insetti di area sicura: env(safe-area-inset-top), -bottom, -left, -right.

Molti app Lovable già gestiscono l'insetto inferiore ma utilizzano un padding superiore fissato (come pt-6) senza l'insetto superiore.

1. Conferma viewport-fit=cover in index.html:

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

2. Correggi i header superiori — utilizza max() per mantenere il padding web e crescere su dispositivi con notch:

/* Before */
padding-top: 1.5rem;

/* After */
padding-top: max(1.5rem, env(safe-area-inset-top));

In Cursor o Lovable, chiedi:

“Il contenuto dell'applicazione scorre sotto la barra di stato in alto sul cellulare. Aggiungi” env(safe-area-inset-top) “al padding superiore di ogni intestazione di pagina utilizzando” max()“, mantenendo il padding esistente come minimo.”

“3. Invia la correzione via aria” “— questo è pura CSS, nessuna ricostruzione nativa necessaria:”

git add .
git commit -m "Fix top safe area on mobile"
git push
npm run build
npx @capgo/cli@latest bundle upload --channel production

“Chiudi l'applicazione sul tuo dispositivo, riaprila, aspetta ~15–30 secondi e aprila nuovamente. L'intestazione dovrebbe essere sotto la barra di stato — corretta senza revisione dello store.”

✅ “Successo:” “Il contenuto superiore elimina la barra di stato dopo l'applicazione del bundle OTA.”

“Per lavori di layout più approfonditi, vedi” “@capgo/tailwind-capacitor” “e” “Capacitor schermo da bordo a bordo”.

Passo 14 — Prepara la tua lista di prodotto

La tua app è stata creata, è installabile e puoi inviare aggiornamenti istantanei. La pubblicazione sulle store pubbliche è perlopiù questione di documentazione:

• Icona dell'app — 1024×1024px per iOS (senza trasparenza), 512×512px per Google Play
• Sfondi dell'app — Apple richiede screenshot iPhone 6.9” (1320×2868px)
• Nome, sottotitolo, descrizione, parole chiave dell'app
• URL della politica sulla privacy — richiesta da entrambe le store, anche per le app gratuite
• Classe di età dell'app context: Pagina/Area: Pagina di soluzioni esempi di app. Ruolo: Etichetta di navigazione o elemento UI breve. Visualizzato in: componente soluzioni/EsempioAppDiSoluzione.astro. Chiave di messaggio `solution_app_examples_rating` (Classificazione delle esempi di app di soluzione).
• Domande relative alla raccolta dei dati — Etichette sulla privacy di Apple e etichette sulla sicurezza dei dati di Google

Metodo 1: Utilizzo di Cursor AI (Consigliato)

Set up app icons and splash screens for my Capacitor app

Metodo 2: Configurazione manuale

npm install -D @capacitor/assets
# Add assets/icon.png (1024x1024) and assets/splash.png (2732x2732)
npx capacitor-assets generate
npx cap sync

Cosa rimane prima della versione 'live':

1. Test di chiusura su Google Play (contabilità personale creata dopo il 13 novembre 2023): almeno 12 tester per 14 giorni consecutivi prima dell'accesso alla produzione. L'iOS non ha un equivalente.
2. Invia per la revisione — Apple ~3–5 giorni, Google ~3–7 giorni dopo che sono stati soddisfatti i requisiti di testing.

Vedi il nostro guida di revisione per l'app di prima volta per l'elenco completo.

Error comuni (e come risolverli)

• Could not find the web assets directory: ./dist — Esegui npm run build prima npx cap add o npx cap synco webDir o capacitor.config.ts odist o out o
• o o
• o — L'ID nel tuo progetto nativo deve corrispondere a Apple App Store Connect. Trova e sostituisci in tutta la ios/ e android/, commit, rebuild.
• Schermo bianco al lancio — Imposta base: './' nel config Vite, rebuild, e esegui npx cap sync.
• Contenuto sotto la barra di stato — Aggiungi viewport-fit=cover e env(safe-area-inset-top) padding (Passaggio 13).
• APK firmata in modalità debug — Google Play rifiuta le costruzioni in debug. Utilizza una costruzione di rilascio firmata con il tuo keystore.
• Deployment rifiutato — versione già esistente — Aggiorna la versione/n° di costruzione nei progetti nativi e ricostruisci.

Per Capgo problemi del costruttore, vedi Trattamento dei problemi di costruzione nativa e Debugging delle Aggiornamenti in tempo reale.

Conclusioni

Hai portato un'app web amabile a iOS e Android nativi — costruita in cloud senza Mac, con una funzione di camera reale e una correzione di layout spedita via aria. Quel che è difficile è fatto.

Passaggi successivi

• Capgo Aggiornamenti in tempo reale Aggiornamenti in tempo reale
• Capgo Costruttore — Automate release builds in CI
• Capgo Directory dei plugin — Biometria, notifiche push, geolocalizzazione e altro ancora
• Guida correlate: Base44 per mobile · Bolt.new per mobile

Iscriviti gratuitamente a un account Capgo per abilitare le Aggiornamenti in tempo reale e i costrutti nativi in cloud.

Risorse

• Documentazione Lovable
• Capacitor Documentazione
• Costrutti nativi Capgo
• Capgo — Aggiornamenti in tempo reale per le Capacitor App
• Costruisci iOS da Windows
• Esporta statica Next.js per mobile

Continua a lavorare da Converti la tua App amata in iOS e Android con Capacitor

Se stai utilizzando Converti la tua App amata in iOS e Android con Capacitor per pianificare il lavoro di plugin nativo, connettilo con Capgo Directory dei Plugin per il flusso di lavoro del prodotto in Capgo Directory dei Plugin Capacitor Plugin da Capgo per i dettagli di implementazione in Capacitor Plugin da Capgo Capgo Costruzioni native For il flusso di lavoro del prodotto in Capgo Build Native, e Costruisci iOS da Windows Per le costruzioni iOS cloud senza un Mac.