Transform Proyek Bolt.new Anda menjadi Aplikasi Seluler Native dengan Capacitor

Pendahuluan

Bolt.new adalah platform pengembangan berbasis AI yang inovatif yang dapat menghasilkan aplikasi web full-stack menggunakan berbagai framework seperti React, Vue, Svelte, dan lain-lain. Namun, apa jika Anda ingin membawa karya Bolt.new Anda ke perangkat mobile? Dalam tutorial ini, kami akan menunjukkan cara Anda dapat mengexport projek Bolt.new Anda dan mengubahnya menjadi aplikasi mobile asli menggunakan Capacitor.

Apakah projek Bolt.new Anda menggunakan React, Vue, atau framework lain yang didukung, panduan ini akan membantu Anda membuat aplikasi iOS dan Android asli dengan akses ke fitur perangkat seperti kamera, penyimpanan, dan notifikasi push.

Sebelum Anda Mulai: Persyaratan & Waktu

Waktu Estimasi: 3-5 jam untuk pengaturan lengkap

Persyaratan Sistem:

Pengembangan iOSMac dengan macOS 12.0+ (diperlukan, tidak ada kerja sama)
Pengembangan AndroidSemua OS (Windows/Mac/Linux)
Ruangan Bebas20-30GB untuk alat pengembangan
Menggunakan Memori8GB RAM minimum, 16GB direkomendasikan

Dana yang Dibutuhkan:

Pengembang Apple$99/tahun (untuk App Store iOS)
Pengembang Google Play$25 sekali bayar
Cursor Pro: $20/bulan (opsional, mempercepat pengembangan)

Apakah yang Kami Instal:

Node.js & npm
Xcode (hanya untuk Mac, untuk iOS)
Android Studio (untuk Android)
Berbagai alat perintah garis perintah

Mengapa Mengubah Aplikasi Bolt.new Anda ke Mobile?

Jangkauan Multi-Platform: Rilis aplikasi AI yang dihasilkan ke toko aplikasi mobile
Akses Perangkat Asli: Gunakan kamera, GPS, sistem file, dan fitur lain asli
Kinerja yang Ditingkatkan: Kontainer asli memberikan kinerja yang lebih baik daripada tampilan web
Kemampuan Offline: Bekerja secara offline dengan solusi penyimpanan asli
Pemberitahuan Pushcontext: Halaman/area: Situs web pemasaran Capgo. Peran: Label UI pendek atau item navigasi. Kunci pesan `push_notifications` (Pemberitahuan Push).

Why Capacitor Over Expo?

Mengapa Capacitor Lebih Baik dari Expo?

: Jika Anda mempertimbangkan opsi pengembangan mobile, __CAPGO_KEEP_0__ menawarkan kelebihan yang signifikan dibandingkan Expo, terutama untuk pengembangan web pertama:Satu Basis Kode, Tiga Platform
: Situs web React, Next.js, atau Vue.js Anda menjadi aplikasi iOS, Android, DAN aplikasi web dengan tidak perlu konversi apa punTidak Perlu Merekonstruksi Lagi (Rebuilding Required) tidak diperlukan di sini, cukup ambil project Bolt.new Anda apa adanya - tidak perlu menulis ulang untuk framework yang berbeda seperti Expo memerlukan
Approach Web-Asli Pertama: Beda dengan Expo yang lebih fokus ke mobile dan terlihat kotor di web, Capacitor memperlakukan web sebagai warga pertama
Pengembangan Tanpa Gangguan: Terus menggunakan alat dan alur kerja pengembangan web yang kamu kenal
Kemerdekaan Framework: Bekerja dengan framework web apa saja (React, Vue, Svelte, Next.js, dll.) - tidak terjebak ke React Native seperti Expo

Perbedaan Utama:

Dengan Capacitor: Bangun aplikasi web → Tambahkan dukungan mobile (kode yang sama)
Dengan Expo: Bangun untuk mobile → Coba membuat web berjalan (pendekatan yang berbeda, sering terlihat kotor)

Since your Bolt.new project is already a web application, Capacitor lets you extend it to mobile without changing a single line of code. Expo would require rebuilding your entire project for their framework.

Langkah 1: Atur Lingkungan Pengembangan Anda

Dapatkan Cursor - Editor Otomatis Code yang Dipimpin AI

Untuk bekerja dengan efisien dengan proyek Bolt.new Anda, kita akan menggunakan Cursor, editor cerdas code yang memudahkan pengembangan:

Lihat ke cursor.sh dan ambil installer untuk OS Anda
Lakukan proses instalasi
Luncurkan Cursor setelah siap

Mulai Cursor

Konfigurasi Cursor untuk Produktivitas Maksimal

Mengoptimalkan Cursor memerlukan beberapa pengaturan awal:

Menganggap Cursor Pro - Versi gratis berfungsi, tetapi Pro ($20/bulan) membuka:
- Assisten AI tanpa batas
- Model premium (GPT-4, Claude)
- Pertanyaan instan
- Bantuan premium
Akses Pengaturan dengan Command+, (Mac) atau Ctrl+, (Windows)

Pengaturan Cursor

Aktifkan Fitur AI - Pastikan bantuan AI telah diaktifkan:

Mengizinkan Model

Pilih Model AI Anda - Kami merekomendasikan Claude atau GPT-4:

Pilih Model Kursor

Mengaktifkan Eksekusi Perintah - Biarkan Kursor menjalankan perintah secara otomatis:

Mengizinkan Jalankan Perintah

Langkah 2: Eksport Proyek Bolt.new Anda

Sekarang mari kita bawa proyek Bolt.new Anda ke dalam Kursor.

Unduh Proyek Anda

Navigasikan ke proyek Bolt.new Anda di browser Anda
Temukan Unduh atau Alternatif untuk mengintegrasikan aplikasi web Anda ke mobile dengan lebih cepat dan mudah menggunakan Capgo? Unduh

Bolt.new button unduh
Unduh file ZIP yang berisi proyek Anda

Ekstrak ke folder di komputer Anda

File proyek Bolt.new

Buka di Cursor

Gunakan File > Open Folder dalam Cursor
Pilih folder proyek Bolt.new yang telah diekstrak
Cursor akan memuat proyek Anda

Buka di Cursor

Alternatif: Clone dari GitHub

Jika Anda telah menghubungkan Bolt.new ke GitHub:

Tekan Shift+Command+P (Mac) atau Shift+Ctrl+P (Windows)
Cari
Masukkan URL repositori Anda
Pilih lokasi untuk menyimpannya

Clone di Cursor

Langkah 2: Identifikasi Framework Projek Anda

Bolt.new dapat menghasilkan proyek menggunakan berbagai framework. Mari kita identifikasi apa yang Anda kerjakan:

Cek package.json

Buka package.json untuk melihat apa framework proyek Anda menggunakan:

Pengujian package.json Bolt.new

Tipe proyek Bolt.new yang umum:

React + Vite: Konfigurasi paling umum
Vue + ViteVue.js aplikasi
SvelteAplikasi Svelte
Next.jsAplikasi React penuh-stack
JavaScript VanillaLangkah 3: Pasang Alat Pengembangan

Pilihan A: Biarkan Cursor AI Mengatasi Semua

Tekan

(Mac) atau Command+K (Windows) di Cursor Ctrl+K di Cursor

Tulis permintaan ini:

Install all necessary development tools including Node.js, then install project dependencies and start the dev server

Cursor AI akan secara otomatis:

Pasang Node.js dan npm jika diperlukan
Tetapkan Homebrew pada macOS
Pasang semua dependensi proyek
Luncurkan server pengembangan Anda

Pasang Homebrew

Option B: Proses Instalasi Manual

Jika Anda lebih suka mengontrol manual atau pendekatan AI mengalami masalah:

Langkah pertama, buka terminal Cursor dengan Shift+Command+T (Mac) atau Shift+Ctrl+T (Windows)

Untuk pengguna macOS:

# Get Homebrew package manager
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

# Install Node.js via Homebrew
brew install node

# Move to your project folder
cd your-bolt-project

# Install project packages
npm install

# Launch development server
npm run dev

Untuk pengguna Windows:

Unduh installer Node.js dari nodejs.org
Lakukan pengaturan instalasi
Di terminal Cursor:

cd your-bolt-project
npm install
npm run dev

Aplikasi Bolt.new berjalan secara lokal

Aplikasi Bolt.new Anda seharusnya berjalan sekarang (biasanya di http://localhost:5173 untuk proyek Vite).

Langkah 4: Konfigurasi Bangun untuk Mobile

Konfigurasi Anda akan bervariasi berdasarkan kerangka kerja proyek Anda.

Opsi A: Konfigurasi Otomatis dengan AI Cursor

Tanyakan kepada AI Cursor untuk menghandle konfigurasi:

Configure my Bolt.new project for mobile deployment with proper build settings

AI Cursor akan mendeteksi framework Anda dan menerapkan konfigurasi yang tepat.

Opsi B: Konfigurasi Manual oleh Framework

Untuk Projek React + Vite:

Ubah vite.config.js:

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

export default defineConfig({
  plugins: [react()],
  base: './',
  build: {
    outDir: 'dist',
    assetsDir: 'assets',
    rollupOptions: {
      output: {
        manualChunks: undefined,
      },
    },
  },
})

Untuk Projek Vue + Vite:

Modifikasi vite.config.js:

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

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

Untuk Projek Next.js

Tambahkan ke skrip Anda: package.json Perbarui

{
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "static": "next build && next export"
  }
}

__CAPGO_KEEP_0__ next.config.js:

/** @type {import('next').NextConfig} */
const nextConfig = {
  output: 'export',
  trailingSlash: true,
  images: {
    unoptimized: true,
  },
}

module.exports = nextConfig

Langkah 5: Bangun Projek Anda

Waktunya membuat build produksi aplikasi Bolt.new Anda.

Option A: Bangun dengan Cursor AI

Hanya tanyakan pada Cursor:

Build my Bolt.new project for production deployment

Cursor akan menjalankan perintah build yang tepat berdasarkan framework Anda.

Option B: Bangun Secara Manual

Untuk Projek Vite (React/Vue/Svelte):

npm run build

Sukses Membangun Bolt.new Vite

Untuk Aplikasi Next.js:

npm run static

Konfirmasi Sukses Build

Pastikan build Anda menghasilkan output yang benar:

Projek Vite: Cari sebuah dist directory
projek Next.js: Periksa sebuah out directory

hasil output Bolt.new

Langkah 6: Tambahkan Capacitor ke Projek Bolt.new Anda

Mari kita transformasikan aplikasi web Anda menjadi aplikasi mobile asli.

Option A: Pengaturan Cepat dengan Cursor AI

Tekan Command+K (Mac) atau Ctrl+K (Windows) dan minta:

Add Capacitor to my project and set up iOS and Android platforms

AI Cursor akan mengatur proses pengaturan secara keseluruhan.

Pilihan B: Pengaturan Manual Langkah demi Langkah

Pasang alat perintah Capacitor:

npm install -D @capacitor/cli

Inisialisasi proyek Capacitor Anda:

npx cap init

Capacitor inisialisasi Bolt

Anda akan diminta untuk:

Nama Aplikasi: Nama proyek Bolt.new Anda
ID Paket: Format seperti com.yourcompany.yourapp

Lanjutkan dengan pengaturan manual - pasang paket-paket yang penting:

npm install @capacitor/core @capacitor/ios @capacitor/android

Tambahkan dukungan platform mobile:

npx cap add ios
npx cap add android

Capacitor platform yang ditambahkan Bolt

Apa yang Terjadi?

Struktur proyek Bolt.new Anda sekarang terlihat seperti:

your-bolt-project/
├── src/           # Your app source (React/Vue/etc)
├── public/        # Static files  
├── dist/          # Build output (Vite)
├── out/           # Build output (Next.js)
├── ios/           # iOS Xcode project (NEW!)
├── android/       # Android Studio project (NEW!)
├── capacitor.config.ts  # Mobile configuration
└── package.json   # Dependencies

Penting:

Web code Anda tetap ada di src/ - edit di sana
ios/ dan android/ context: Halaman/area: Situs web pemasaran Capgo. Peran: Label UI singkat atau item navigasi. Dilihat di: halaman trust.astro. Kunci pesan `dan` (Dan).
tergenerate - jangan edit npx cap sync
Setelah perubahan, jalankan selalu

Step 7: Configure Capacitor

Langkah 7: Konfigurasi Capacitor

Opsi A: Konfigurasi Otomatis dengan Cursor

Minta bantuan Cursor:

Configure capacitor.config.ts for my Bolt.new project build output

Opsi B: Konfigurasi Manual

Untuk Aplikasi Berbasis Vite:

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

const config: CapacitorConfig = {
  appId: 'com.yourcompany.yourapp',
  appName: 'Your Bolt App',
  webDir: 'dist',
  bundledWebRuntime: false,
  server: {
    androidScheme: 'https'
  }
};

export default config;

Untuk Aplikasi Berbasis Next.js:

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

const config: CapacitorConfig = {
  appId: 'com.yourcompany.yourapp',
  appName: 'Your Bolt App',
  webDir: 'out',
  bundledWebRuntime: false,
  server: {
    androidScheme: 'https'
  }
};

export default config;

Langkah 8: Bangun dan Sinkronkan

Siapkan aplikasi Anda untuk pengiriman ke perangkat mobile.

Opsi A: Menggunakan Cursor AI

Beritahu Cursor:

Build my project and sync it with Capacitor for mobile deployment

Opsi B: Proses Manual

Jalankan perintah-perintah ini secara berurutan:

npm run build
npx cap sync

Capacitor sinkronkan Bolt selesai

Langkah 9: Bangun File Binari yang Siap Dipasarkan dengan Pembangun Capgo (Dianjurkan)

Kamu tidak memerlukan Mac atau jalur lokal Xcode/Android Studio yang lengkap untuk mengirimkan aplikasi ke App Store dan Google Play. Capgo Pembangun Kamu tidak memerlukan Mac atau jalur lokal Xcode/Android Studio yang lengkap untuk mengirimkan aplikasi ke App Store dan Google Play.

Capgo Pembangun

__CAPGO_KEEP_0__ Pembangun __CAPGO_KEEP_0__ Pembangun
CLI Pembangun Code Pembangun
__CAPGO_KEEP_0__ Pembangun __CAPGO_KEEP_0__ Pembangun

Capgo Pembangun mengompilasi, menandatangani, dan dapat mengirimkan build iOS dan Android dari cloud — jalur tercepat untuk aplikasi vibe-coded yang diekspor dari Bolt.new.

Setelah Anda melakukan build produksi dan Capacitor sinkronisasi kerja lokal:

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

Simpan kunci tanda tangan sekali (sertifikat Apple, profil pengaturan, Android keystore). Lihat Manajemen Kunci Tanda Tangan dan Bangun iOS dari Windows.

Minta build awan

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

Capgo Pembangun mengalirkan log build ke terminal Anda. Dengan App Store Connect yang dikonfigurasi, build iOS dapat langsung ke TestFlight.

Unggah bundle web Anda untuk pembaruan OTA:

npx @capgo/cli@latest bundle upload --channel production

Langkah 10: Buka IDE Natively (Opsional untuk Pengujian Lokal)

Jika Anda memiliki Mac atau ingin pengujian emulator sebelum build awan, buka proyek native secara lokal:

Akses lingkungan pengembangan native untuk aplikasi Anda.

Pengembangan iOS

Opsi A: Melalui Cursor AI

Open my iOS project in Xcode

Opsi B: Perintah Terminal

npx cap open ios

Membuka Projek Bolt di Xcode

Pengembangan Android

Opsi A: Melalui Cursor AI

Open my Android project in Android Studio

Opsi B: Perintah Terminal

npx cap open android

Membuka Projek Bolt di Android Studio

Langkah 11: Bangun dan Jalankan Secara Lokal (Opsional)

Menggunakan iOS

Mengatur Xcode (Pertama Kali)

Pilih Target Anda:
- Klik pilihan perangkat di samping tombol Play
- Untuk tes: Pilih simulator iPhone apa saja
- Untuk perangkat nyata: Hubungkan iPhone Anda melalui USB
Konfigurasi Code Signing:
- Pilih nama proyek Anda di sidebar kiri
- Pergi ke tab “Signing & Capabilities”
- Aktifkan “Automatisel mengelola signing”
- Masuk dengan ID Apple Anda
- Catatan: Perangkat nyata memerlukan Program Pengembang Apple ($99/tahun)
Bangun Aplikasi Anda:
- Klik tombol ▶️ Play
- Build pertama: 5-10 menit (tunggulah!)
- Lihat progress bar di atas

Pengaturan iOS:

“Tidak ditemukan akun”: Tambahkan ID Apple di Xcode > Pengaturan > Akun
“Gagal membangun”: Bersihkan folder pembangunan (Shift+Command+K) dan ulangi
Masalah simulator: Restart simulator melalui Perangkat > Restart

Aplikasi Bolt berjalan di iOS

Berjalan di Android

Mengatur Studio Android (Pertama Kali)

SDK Pengaturan (otomatis):
- Studio Android akan mendeteksi komponen yang hilang
- Klik “Pasang komponen yang hilang SDK” ketika diminta
- Ini mengunduh ~2-3GB file
Buat Perangkat Virtual:
- Buka Manajer AVD (ikon telepon di toolbar)
- Klik “+ Buat Perangkat Virtual”
- Pilih “Pixel 6” (pilihan default yang baik)
- Unduh gambar sistem ketika diminta
- Selesai dengan opsi default
Jalankan Aplikasi Anda:
- Pilih emulator Anda dari dropdown
- Klik tombol hijau ▶️ Run
- Pertama kali: 10-15 menit
- Mulai emulator secara otomatis

Pengaturan Android:

“Sinkronisasi Gradle gagal”Coba File > Hapus Cache
Emulator berjalan lambat: Aktifkan akselerasi hardware di pengaturan AVD
Error saat build: Perbarui Gradle melalui solusi yang disarankan

Aplikasi Bolt berjalan di Android

Daftar Pemeriksaan Verifikasi

Setelah pembangunan sukses, verifikasi:

✅ Aplikasi meluncur tanpa mengalami crash ✅ Konten Bolt.new Anda ditampilkan dengan benar ✅ Tombol dan interaksi berfungsi ✅ Konsol tidak menampilkan kesalahan merah

Masih mengalami masalah? Pesan kesalahan biasanya memberitahu Anda secara spesifik apa yang salah - bacalah dengan teliti!

Langkah 12: Aktifkan Live Reload (Pengembangan)

Percepat alur kerja pengembangan Anda dengan hot reloading.

Pilihan A: Pengaturan Otomatis dengan Cursor

Tanyakan kepada Cursor:

Enable live reload for my Capacitor app development

Cursor akan mengkonfigurasi segalanya secara otomatis.

Pilihan B: Pengaturan Manual

Peroleh alamat IP lokal Anda:

# macOS
ipconfig getifaddr en0

# Windows  
ipconfig

Perbarui capacitor.config.ts:

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

const config: CapacitorConfig = {
  appId: 'com.yourcompany.yourapp',
  appName: 'Your Bolt App',
  webDir: 'dist', // or 'out' for Next.js
  bundledWebRuntime: false,
  server: {
    url: 'http://YOUR_IP_ADDRESS:5173', // or 3000 for Next.js
    cleartext: true,
  },
};

export default config;

Konfigurasi aplikasi ini:

npx cap copy

Live reload diaktifkan Bolt

Langkah 13: Tambahkan Fitur Nativ

Perluas kemampuan aplikasi Bolt baru Anda dengan kemampuan spesifik perangkat.

Option A: Integrasi Berbasis AI

Pertanyaan dari Cursor:

Add native share, camera, and geolocation features to my Bolt.new app

Cursor akan menginstal plugin dan membuat integrasi code.

Option B: Instalasi Plugin Manual

Instal plugin populer:

npm i @capacitor/share @capacitor/camera @capacitor/geolocation

Buat file utilitas untuk proyek React:

// utils/capacitor.js
import { Share } from '@capacitor/share';
import { Camera, CameraResultType } from '@capacitor/camera';
import { Geolocation } from '@capacitor/geolocation';

export const shareContent = async (title, text, url) => {
  await Share.share({
    title,
    text,
    url,
    dialogTitle: 'Share with friends',
  });
};

export const takePicture = async () => {
  const image = await Camera.getPhoto({
    quality: 90,
    allowEditing: true,
    resultType: CameraResultType.Uri
  });
  return image;
};

export const getCurrentPosition = async () => {
  const coordinates = await Geolocation.getCurrentPosition();
  return coordinates;
};

Pakai di Komponen Anda

// For React components
import React from 'react';
import { shareContent, takePicture } from '../utils/capacitor';

function MyComponent() {
  const handleShare = () => {
    shareContent('My Bolt App', 'Check out this amazing app!', 'https://your-app.com');
  };

  const handleCamera = async () => {
    try {
      const photo = await takePicture();
      console.log('Photo taken:', photo);
    } catch (error) {
      console.error('Camera error:', error);
    }
  };

  return (
    <div>
      <button onClick={handleShare}>Share App</button>
      <button onClick={handleCamera}>Take Photo</button>
    </div>
  );
}

export default MyComponent;

Sinkronkan Perubahan

Dengan Cursor AI:

Sync my native feature changes to all platforms

Perintah manual:

npx cap sync

Fitur-fitur asli yang ditambahkan Bolt

Langkah 14: Optimalkan untuk Produksi

Ikon Aplikasi dan Layar Splash

Pilihan A: Pengaturan Cursor AI

Pertanyaan:

Create app icons and splash screens for my mobile app

Pilihan B: Pembuatan Asset Manual

Dapatkan alat aset:

npm install -D @capacitor/assets

Siapkan grafik Anda:
- Buat assets/icon.png (1024x1024px)
- Buat assets/splash.png (2732x2732px)
Generate semua ukuran secara otomatis:

npx capacitor-assets generate

Aset aplikasi Bolt telah dihasilkan

Optimalkan Build

Untuk proyek Vite, optimalkan build Anda:

// vite.config.js
export default defineConfig({
  plugins: [react()], // or vue()
  base: './',
  build: {
    outDir: 'dist',
    minify: 'terser',
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true,
      },
    },
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ['react', 'react-dom'], // adjust for your framework
        },
      },
    },
  },
})

Build Akhir

Pilihan A: Bangun dengan Cursor AI

Create the final production build and prepare for app store deployment

Pilihan B: Proses Pembangunan Manual

npm run build
npx cap sync
npx cap copy

Pemecahan Masalah Umum

Masalah Khusus Framework

Proyek React/Vite

Pastikan base: './' terkonfigurasi dalam Vite config
Periksa bahwa semua import menggunakan jalur relatif
Pastikan bahwa folder dist dibuat dengan benar

Vue Projects

Pastikan Vue Router menggunakan mode hash untuk mobile
Periksa bahwa asset-asset disebutkan dengan benar
Pastikan penggunaan komponen lazy loading berfungsi dalam konteks mobile

Next.js Projects

Pastikan konfigurasi static export benar
Periksa bahwa import dinamis berfungsi dalam konteks statis
Pastikan API jalur tidak digunakan (atau diolah dengan benar)

Error Pembangunan

Jika Anda mengalami kesalahan pembangunan:

Membersihkan node_modules dan menginstal ulang:

rm -rf node_modules package-lock.json
npm install

Periksa dependensi Bolt.new proyek untuk konsistensi mobile
Pastikan semua jalur relatif benar untuk pengembangan mobile

Asset Hilang

Untuk masalah penggunaan asset:

Pastikan semua asset ada di folder publik
Menggunakan jalur relatif untuk gambar dan file
Periksa bahwa proses pembangunan menyalin semua asset yang diperlukan

Kesimpulan

Selamat! Anda telah berhasil mengubah proyek Bolt.new Anda menjadi aplikasi mobile native. Aplikasi web yang dihasilkan AI Anda dapat sekarang:

Jalankan secara native di perangkat iOS dan Android
Akses fitur perangkat seperti kamera, GPS, dan penyimpanan
Didistribusikan melalui toko aplikasi
Menyediakan pengalaman pengguna mobile yang dioptimalkan

Langkah Selanjutnya

Capgo PembangunCatatan Kredensial Appflow
Gunakan bangunan native cloud untuk rilis TestFlight dan Play StorePembaruan Langsung Capgo __CAPGO_KEEP_0__
Analitik: Tambahkan analitik mobile untuk melacak perilaku pengguna
Pengoptimalan: Pantau dan optimalkan kinerja aplikasi mobile Anda
Pengujian: Uji aplikasi Anda pada berbagai perangkat dan ukuran layar

Aplikasi Anda siap untuk ekosistem mobile!

Sumber Daya

Apa itu Capgo dan bagaimana cara menggunakannya untuk mengirimkan pembaruan instan ke aplikasi mobile Anda? Daftar diri untuk akun gratis hari ini. Hari ini juga.

Keep going from Transform Your Bolt.new Project into Native Mobile Apps with Capacitor

Transform Project Bolt.new Anda ke Aplikasi Mobile Asli dengan __CAPGO_KEEP_0__ Transform Your Bolt.new Project into Native Mobile Apps with Capacitor Transform Project Bolt.new Anda ke Aplikasi Mobile Asli dengan __CAPGO_KEEP_0__ Capgo Plugin Directory Capgo Plugin Directory Capacitor Plugins by Capgo untuk detail implementasi di Capacitor Plugins oleh Capgo Tambahkan atau Perbarui Plugins untuk detail implementasi di Tambahkan atau Perbarui Plugins Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic, dan Capgo Build Natively untuk alur kerja produk di Capgo Build Natively.

Transform Your Bolt.new Project into Native Mobile Apps with Capacitor