__CAPGO_KEEP_0__ Halaman Utama

Untuk pembangun Lovable dan vibe-coding

Ubah aplikasi Lovable Anda menjadi aplikasi iOS dan Android

Export proyek Lovable Anda ke GitHub, bungkusnya dengan Capacitor, dan bangun aplikasi toko yang ditandatangani dengan Capgo Build. Setelah peluncuran, setiap Publikasi di Lovable dapat mencapai aplikasi yang terpasang sebagai live update melalui GitHub Aksi.

GitHub
repo Lovable, Capacitor, dan CI
2–3 menit
build native biasa
Pembaruan Langsung
setiap Publikasi di Lovable

Proyek Lovable

Bangun aplikasi web dengan prompt dan edit visual. Hubungkan GitHub sehingga code hidup di repo.

Ekspor dan wrap

Capacitor shell

Kloning repo, bangun folder dist statis, dan tambahkan proyek iOS dan Android dengan Capacitor.

Bangun dan update

Lingkaran Rilis Capgo

Buat file biner yang ditandatangani dengan Capgo Build, kemudian kirim perubahan web sebagai pembaruan hidup dari GitHub Actions.

Masalahnya

Membangun Aplikasi yang Disukai. Toko-Toko Membutuhkan Lebih.

Aplikasi berhenti di browser

Proyek Lovable adalah sebuah aplikasi web. Daftar toko, notifikasi push, dan fitur perangkat membutuhkan sebuah shell native di sekitarnya.

Lovable tidak dapat menjalankan alat native

Tanda tangan, Xcode, Android Studio, dan unggah ke toko terjadi di luar Lovable. Anda membutuhkan sebuah repositori dan layanan pembangunan.

Setiap perubahan menunggu ulasan

Setelah rilis pertama di toko, setiap versi baru kembali melalui ulasan toko, seringnya 24-48 jam, kadang-kadang lebih lama lagi.

Stack

Apa yang dilakukan oleh setiap alat

Lovable Membangun Aplikasi Web

Screens, alur, salinan, dan pengaturan backend, diulang dengan prompt. Aplikasi tunggal memberikan folder dist statis untuk diwrap.

Capacitor Mengelilinginya

GitHub Menyimpannya, code Menambahkan Capacitor, Capacitor Menambahkan aplikasi web yang dibangun ke proyek iOS dan Android native dengan ID aplikasi, ikon, dan izin.

Capgo Membangun dan Mengupdate

Capgo Build Membuat file biner yang ditandatangani dan mengunggahnya ke toko. Perbaruan live mengirimkan perubahan web yang lebih baru ke aplikasi yang terpasang.

The Solution

Rute Capgo dari Lovable ke Toko

Lovable terus membangun produk. Capacitor dan Capgo menambahkan langkah-langkah pembangunan native, unggah ke toko, dan perbaruan.

Eksport ke GitHub dan Tambahkan Capacitor

Hubungkan Lovable ke GitHub, kloning repositori, bangun folder dist statis, dan tambahkan proyek iOS dan Android dengan Capacitor.

Tutorial Lovable ke Capacitor

Bangunlah dengan Capgo Bangun

Kirimkan tanda tangan iOS dan Android build dari CLI. Build iOS berjalan di cloud Mac, dan build biasanya memakan waktu 2-3 menit.

Capgo Build dokumen

Biarkan agen AI Anda menjalankan rilis

Server Capgo MCP memungkinkan Claude Code, Codex, atau Cursor mengunggah bundle, mengelola saluran, dan meminta build. Capgo kemampuan menambahkan instruksi Capgo-spesifik untuk agen.

Server Capgo MCP Kemampuan AI Capgo

Bagaimana cara kerjanya

How Lovable builders ship mobile apps with Capgo

Dari proyek Lovable ke penyimpanan build dan update hidup. Anda menjalankan perintah-perintah ini di komputer Anda atau membiarkan agen pengkodean menjalankannya.

  1. Ekspor ke GitHub dan clone

    Hubungkan dengan Lovable, sambungkan ke GitHub. Clone repositori dan pastikan build menciptakan folder dist dengan index.html.

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

  2. Tambahkan Capacitor dan Capgo

    Tambahkan proyek native, kemudian jalankan Capgo onboard. Ini akan menambahkan aplikasi Anda, membuat saluran produksi, dan menginstal plugin pembaruan.

    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

  3. Bangun Aplikasi Tanda di Awan

    Atur tanda tangan sekali, kemudian minta bangun iOS dan Android. Bangun yang ditandatangani unggah ke App Store Connect dan Google Play untuk tinjauan.

    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

  4. Kirimkan setiap Publikasi sebagai live update

    Tambahkan CAPGO_TOKEN sebagai rahasia GitHub dan alur kerja yang membangun dan mengunggah pada push. Plugin atau izin baru masih memerlukan build toko baru.

    # step in .github/workflows, with CAPGO_TOKEN from secrets
npm ci && npm run build
npx @capgo/cli@latest bundle upload --channel=production --auto-bump
    Petunjuk Lovable untuk memublikasikan ke live update

Prompt Agent AI

Biarkan agen coding Anda melakukan pengaturan

Pertama-tama, Capgo tidak dapat menjalankan CLI. Setelah Anda mengkloning repositori, tempelkan kode ini ke dalam agent pengkodean lokal seperti Claude Code, Codex, atau Cursor. Ini akan menginstal server MCP Capgo, menambahkan Capacitor dan pembarui, serta meninggalkan TODO untuk tanda tangan alih-alih menciptakan rahasia.

Pertanyaan untuk Agent Pengkodean 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 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.

Aplikasi yang dibuat dengan Capacitor

Produk template dan pembelajaran adalah kandidat mobile alami

Pembuatan dan pembelajaran aplikasi menunjukkan bagaimana aliran web dapat menjadi pengalaman mobile siap toko ketika pengemasan, tanda tangan, dan pembarui diatur dengan bersih.

Icon Desain Kartu Pembuat Acara EVENTS

Pembuat Acara Kartu Desain

Aliran desain yang dikendalikan template yang secara alami dapat dipetakan dari responsif web ke mobile.

Penginstalan Google Play
20,0 juta
Penghargaan Toko
4.6
Logo Aplikasi Jepang Tak Terhingga Pendidikan

Aplikasi Jepang Tak Terhingga

Aplikasi pembelajaran yang fokus, di mana perbaikan kecil pada pelajaran dan onboarding akan menumpuk.

Instalasi Google Play
1,8 juta
Penghargaan Toko
4.6
Icon aplikasi StudySmarter - Sekolah & uni PENDIDIKAN

StudySmarter - Sekolah & uni

Alur belajar di mana iterasi produk web dapat terus berlanjut setelah pengemasan aplikasi.

Instalasi Google Play
6,5J
Penilaian Toko
4.8

Bukti pelanggan

Apa tim yang mengirimkan dengan Capgo

5.0/5 Ditilang oleh tim pengembang 9,400+ Tim Baca ulasan

Indonesia

Desain, jari-jari 5

“Capgo Build helped us simplify our Capacitor app release process. We can build and ship iOS and Android apps from one clear workflow.”

K

Pendiri, NuTriQ

Mengirimkan pembaruan OTA produksi secara instan tanpa harus menunggu siklus tinjauan App Store penuh telah menjadi keuntungan operasional besar bagi kami.

Potret Luis Dominguez

Foto Portrait Luis Dominguez

Luis Dominguez

“Sejak saya mulai menggunakan Capgo semuanya menjadi lebih cepat, dan saya dapat memberikan waktu kepada pengguna saya tanpa mengabaikan kehidupan sehari-hari saya.”

FAQ

Pertanyaan Pembangun yang Lovable Tanyakan

Jawaban singkat untuk mengambil aplikasi Lovable atau yang telah dikodekan vibe ke App Store dan Google Play.

Apakah Lovable dapat memublikasikan langsung ke App Store?

Tidak. Lovable membangun aplikasi web. Anda mengexportnya ke GitHub, melapiskannya dengan Capacitor, dan membangun aplikasi iOS dan Android yang ditandatangani dengan Capgo Build, yang mengunggahnya ke App Store Connect dan Google Play.

Tutorial Lovable ke Capacitor

Apakah saya memerlukan Mac atau Xcode?

Tidak. Capgo Build menjalankan pembangunan iOS di mesin Mac cloud. Anda masih memerlukan akun pengembang Apple untuk App Store dan akun pengembang Google Play untuk Android.

Capgo Dokumentasi Pembangunan

Apakah perubahan yang saya buat di Lovable akan mencapai aplikasi mobile?

Ya, untuk perubahan layer web. Dengan GitHub sinkronisasi aktif, Publish mengirimkan komit, sebuah GitHub aksi menjalankan unggahan bundle, dan aplikasi yang terpasang mengunduh pembaruan. Plugin atau izin baru masih memerlukan pembangunan toko baru.

Petunjuk Lovable untuk live update

Projek Lovable saya menggunakan Next.js. Apakah itu berfungsi?

Ya, dengan ekspor statis. Poin direktori web Capacitor ke folder keluar bukan dist. Aplikasi halaman tunggal Vite tetap berfungsi seperti biasa.

Next.js dengan Capacitor

Apakah agen AI saya dapat menangani langkah-langkah rilis?

Yes. npx @capgo/cli mcp starts a local MCP server that Claude Code, Codex, or Cursor can use to upload bundles, manage channels, and request builds. Capgo skills add Capgo-specific instructions for the agent.

Capgo server MCP

Masukkan aplikasi Lovable Anda ke toko

Mulai uji coba 14 hari gratis, ekspor projek Anda ke GitHub, dan minta pembangunan iOS dan Android pertama dari CLI.