Langsung ke konten utama

Untuk builder Lovable: tanpa Mac, tanpa Xcode

Ubah aplikasi Lovable Anda menjadi aplikasi iOS dan Android

Ekspor proyek Lovable Anda, bungkus dengan Capacitor, lalu build aplikasi App Store dan Google Play yang ditandatangani dengan Capgo Build. Tidak butuh Mac. Setelah rilis, perubahan yang Anda buat di Lovable sampai ke aplikasi terpasang sebagai live updates.

Tanpa Mac
dibutuhkan untuk build iOS
2–3 mnt
native build biasa
Live Updates
untuk perubahan di Lovable

Proyek Lovable

Build web app dengan prompt dan edit visual. Hubungkan GitHub agar code tersimpan di repo.

Export dan wrap

shell Capacitor

Build folder dist statis dan tambahkan proyek iOS serta Android dengan Capacitor

Build dan update

Siklus rilis Capgo

Build binary yang sudah di-sign dengan Capgo Build, lalu kirim perubahan web sebagai live update dari GitHub Actions.

Masalahnya

Lovable membuat app. Store butuh lebih.

App berhenti di browser

Proyek Lovable adalah aplikasi web. Store listings, push notifications, dan fitur perangkat memerlukan native shell di sekelilingnya.

Lovable tidak bisa menjalankan native tooling

Signing, Xcode, Android Studio, dan upload ke store dilakukan di luar Lovable. Anda butuh code dan build service.

Setiap perubahan menunggu review

Setelah rilis pertama di store, setiap versi baru kembali melewati review store, seringkali 24–48 jam, kadang jauh lebih lama.

Stack-nya

Fungsi setiap tool

Lovable membangun web app

Layar, alur, copy, dan wiring backend, diiterasi lewat prompt. Build production menghasilkan folder dist statis untuk dibungkus.

Capacitor membungkusnya

Capacitor memasukkan web app yang sudah di-build ke dalam proyek native iOS dan Android dengan app ID, ikon, dan permission Anda. code tetap sama.

Capgo membangun dan memperbaruinya

Capgo Build membuat binary yang sudah di-sign dan meng-upload-nya ke store. Live update mengirimkan perubahan web berikutnya ke aplikasi yang sudah terinstal.

Solusinya

Jalur Capgo dari Lovable ke store

Lovable terus membangun produknya. Capacitor dan Capgo menambahkan langkah Native Build, upload ke store, dan update.

Ekspor ke GitHub dan clone

Di Lovable, hubungkan GitHub. Clone repo tersebut dan pastikan build menghasilkan folder dist dengan index.html.

Tutorial Lovable ke Capacitor

Build dengan Capgo Build

Request build iOS dan Android yang sudah di-sign dari CLI. Build iOS berjalan di Mac cloud, dan build biasanya memakan waktu 2–3 menit.

Dokumentasi Build Capgo

Rilis setiap perubahan sebagai live update

Dengan sync GitHub aktif, setiap Publish di Lovable akan push commit. GitHub Action mem-build app dan meng-upload bundle, sehingga app yang sudah terinstal mendapatkan perubahan web tanpa perlu rilis baru di store.

Integrasi GitHub Actions Live update atau Native Build?

Cara kerjanya

Cara builder Lovable merilis aplikasi mobile dengan Capgo

Dari proyek Lovable ke build untuk store dan live update. Anda bisa menjalankan perintah ini sendiri atau membiarkan coding agent menjalankannya.

  1. Ekspor ke GitHub dan clone

    Di Lovable, hubungkan GitHub. Clone repo tersebut dan pastikan build menghasilkan folder dist dengan index.html.

    git clone https://github.com/you/your-lovable-app.git
cd your-lovable-app
npm install
npm run build
    Tutorial Lovable ke Capacitor

  2. Tambahkan Capacitor dan Capgo

    Tambahkan proyek native, lalu jalankan onboarding Capgo. Ini akan menambahkan aplikasi Anda, membuat channel produksi, dan menginstal 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
    Panduan onboarding CLI

  3. Build aplikasi signed di cloud

    Atur signing sekali saja, lalu request build iOS dan Android. Build yang sudah di-sign akan di-upload ke App Store Connect dan Google Play untuk direview.

    npx @capgo/cli@latest build init
npx @capgo/cli@latest build request --platform ios
npx @capgo/cli@latest build request --platform android
    Dokumentasi Build Capgo

  4. Rilis setiap perubahan sebagai live update

    Tambahkan CAPGO_TOKEN sebagai secret GitHub dan workflow yang build serta upload saat push. Plugin atau permission baru tetap butuh build baru ke store.

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

Prompt AI agent

Biarkan coding agent Anda yang melakukan setup

Setelah Anda punya Lovable code, tempelkan ini ke coding agent seperti Claude Code, Codex, atau Cursor. Ini menginstal server MCP Capgo, menambahkan Capacitor dan updater, serta menyisakan TODO untuk signing alih-alih membuat secret sendiri.

Prompt untuk coding agent Anda

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.

Aplikasi yang dibangun dengan Capacitor

Produk template dan edukasi adalah kandidat mobile yang ideal

Aplikasi kreasi dan pembelajaran menunjukkan bagaimana alur ala web bisa menjadi pengalaman mobile yang siap rilis di store jika packaging, signing, dan update ditangani dengan rapi.

Ikon aplikasi Invitation Maker Card Design EVENT

Desain Kartu Pembuat Undangan

Alur desain berbasis template yang secara alami bertransisi dari web responsif ke mobile.

Instalasi Google Play
20,0 jt
Rating toko
4.6
Ikon aplikasi Infinite Japanese Edukasi

Jepang Tanpa Batas

Aplikasi pembelajaran terfokus di mana perbaikan kecil pada materi dan onboarding akan berdampak besar.

Instalasi Google Play
1,8 jt
Rating toko
4.6
StudySmarter - ikon aplikasi sekolah & universitas EDUKASI

StudySmarter - sekolah & universitas

Workflow belajar yang memungkinkan iterasi produk web berlanjut setelah aplikasi di-package.

Instalasi Google Play
6,5 jt
Rating toko
4.8

Bukti nyata pelanggan

Apa kata tim yang merilis aplikasi dengan Capgo

5.0/5 Diberi rating oleh tim developer 9,400+ tim Baca ulasan

sikafanka

Desain, radius 5

“Capgo Build membantu kami menyederhanakan proses rilis aplikasi Capacitor kami. Kami bisa build dan ship aplikasi iOS dan Android dari satu workflow yang jelas.”

Kapil

Pendiri, NuTriQ

“Bisa melakukan push update OTA produksi secara instan tanpa harus menunggu siklus review App Store yang lama memberikan keuntungan operasional yang sangat besar.”

Foto Luis Dominguez

Luis Dominguez

Siapa yang bayar, dia yang atur

“Sejak saya mulai menggunakan Capgo, semuanya jadi lebih cepat, dan saya bisa memberi user waktu yang pantas mereka dapatkan tanpa mengabaikan kehidupan sehari-hari.”

FAQ

Pertanyaan dari builder Lovable

Jawaban singkat untuk membawa aplikasi Lovable ke App Store dan Google Play.

Bisakah Lovable langsung publish ke App Store?

Tidak. Lovable membuat web app. Anda mengekspor code, membungkusnya dengan Capacitor, dan membangun aplikasi iOS dan Android yang sudah di-sign dengan Capgo Build, yang mengunggahnya ke App Store Connect dan Google Play.

Tutorial Lovable ke Capacitor

Apakah saya butuh Mac atau Xcode?

Tidak. Capgo Build menjalankan build iOS di mesin Mac cloud. Anda tetap butuh akun Apple Developer untuk App Store dan akun developer Google Play untuk Android.

Dokumentasi Build Capgo

Proyek Lovable saya menggunakan Next.js. Apakah bisa?

Bisa, dengan static export. Arahkan webDir Capacitor ke folder out, bukan dist. Single-page app Vite bisa langsung digunakan.

Next.js dengan Capacitor

Apakah backend Supabase saya tetap berfungsi di aplikasi?

Ya. Aplikasi memanggil proyek Supabase yang sama lewat jaringan, seperti versi web. Tambahkan app scheme Anda ke URL redirect auth Supabase jika memakai OAuth sign-in.

Apakah perubahan yang saya buat di Lovable akan sampai ke aplikasi mobile?

Dengan sinkronisasi GitHub aktif, setiap Publish di Lovable melakukan push commit. Ya, untuk perubahan web-layer. GitHub Action menjalankan bundle upload pada setiap push, dan aplikasi yang terpasang akan mengunduh update tersebut. Plugin atau permission baru tetap butuh build baru untuk store.

Integrasi GitHub Actions

Bisakah AI agent saya menangani langkah rilis?

Bisa. npx @capgo/cli mcp menjalankan MCP server lokal yang bisa dipakai Claude Code, Codex, atau Cursor untuk upload bundle, mengelola channel, dan meminta build. Skill Capgo menambahkan instruksi khusus Capgo untuk agent.

server Capgo MCP

Rilis aplikasi Lovable Anda ke store

Mulai free trial 14 hari, export proyek Lovable Anda, dan minta build iOS dan Android pertama Anda dari CLI. Pilih paket dengan garansi uang kembali 14 hari, export proyek Lovable Anda, dan minta build iOS dan Android pertama Anda dari CLI.