Page d'accueil de __CAPGO_KEEP_0__
Guide de tutoriel

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

Learn how to export your Bolt.new web application and transform it into native mobile apps using Capacitor. Complete guide for React, Vue, and other frameworks.

Crédits de l'article

Martin Donadieu

Auteur

Valeria

Relecteur

Jordan

Éditeur

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

Introduction

Bolt.new est une plateforme de développement innovante alimentée par l'intelligence artificielle qui peut générer des applications web full-stack à l'aide de divers frameworks comme React, Vue, Svelte et bien plus. Mais si vous souhaitez apporter votre création Bolt.new sur les appareils mobiles ? Dans ce tutoriel complet, nous allons vous montrer comment exporter votre projet Bolt.new et le transformer en applications mobiles natives à l'aide de Capacitor.

Quelle que soit la plateforme de votre projet Bolt.new, qui utilise React, Vue ou un autre framework pris en charge, ce guide vous aidera à créer des applications iOS et Android natives avec accès aux fonctionnalités de l'appareil comme la caméra, le stockage et les notifications push.

Avant de Commencer : Exigences & Durée

Durée Estimée: 3-5 heures pour une mise en place complète

Exigences du Système:

  • Développement iOS: Mac avec macOS 12.0+ (obligatoire, pas de workaround)
  • Développement Android: Toute plate-forme (Windows/Mac/Linux)
  • Espace Disponible: 20-30 Go pour les outils de développement
  • Mémoire: 8 Go de RAM minimum, 16 Go recommandés

Besoin de Budget:

  • Apple Developer: 99 $ par an (pour l'App Store iOS)
  • Google Play: 25 $ une fois (pour Google Play)
  • Cursor Pro: 20 $ par mois (optionnel, accélère le développement)

Ce que nous installerons:

  • Node.js & npm
  • Xcode (Mac uniquement, pour iOS)
  • Android Studio (pour Android)
  • Divers outils de ligne de commande

Pourquoi transformer votre application Bolt.new en application mobile ?

  • Portée transfrontalièreDéployez votre application générée par IA dans les magasins d'applications mobiles
  • Accès au dispositif natifUtilisez la caméra, le GPS, le système de fichiers et d'autres fonctionnalités natives
  • Performances amélioréesLe conteneur natif fournit des performances meilleures que les vues web
  • Capacités hors ligne: Travaillez hors ligne avec des solutions de stockage natives
  • Notifications Push: Engagez les utilisateurs avec un support de notifications push natives

Why Capacitor Over Expo?

If you’re considering mobile development options, Capacitor offers significant advantages over Expo, especially for web-first development:

  • Une base de code unique, trois plateformes: Votre site web existant React, Next.js ou Vue.js devient une application iOS, Android et web avec aucune conversion nécessaire
  • Pas de reconstruction nécessairePrenez votre projet Bolt.new tel quel - pas besoin de le réécrire pour un framework différent comme Expo le nécessite.
  • Approche Web d'abord Véritable: À la différence d'Expo qui est mobile d'abord et maladroit sur le web, Capacitor traite le web comme un citoyen de premier rang.
  • Développement sans heurts : Continuez à utiliser vos outils et vos workflows de développement web familiers
  • Liberté de Framework : Fonctionne avec n'importe quel framework web (React, Vue, Svelte, Next.js, etc.) - pas bloqué dans React Native comme Expo

La différence clé :

  • Avec Capacitor : Créez votre site web → Ajoutez le support mobile (même code source )
  • Avec Expo : Créez pour mobile → Essayez de faire fonctionner le web (approche différente, souvent maladroite )

Puisque votre projet Bolt.new est déjà une application web, Capacitor vous permet d'y ajouter le support mobile sans modifier une seule ligne de code. Expo nécessiterait de reconstruire votre projet entier pour leur framework.

Étape 1 : Configurer votre environnement de développement

Obtenez Cursor - Votre éditeur Code à puissance de l'IA

Pour travailler de manière efficace avec votre projet Bolt.new, nous utiliserons Cursor, un éditeur intelligent code qui simplifie le développement :

  1. Allez à cursor.sh et récupérez l'installateur pour votre système d'exploitation
  2. Exécutez le processus d'installation
  3. Lancez Cursor une fois qu'il est prêt

Démarrer Cursor

Configurez Cursor pour une productivité maximale

Obtenir le maximum de Cursor nécessite une configuration initiale :

  1. Considérez l'achat de Cursor Pro - La version gratuite fonctionne, mais Pro (20 $/mois) déverrouille :

    • Assistance AI illimitée
    • Modèles premium (GPT-4, Claude)
    • Réponses instantanées
    • Support premium
  2. Accès aux paramètres avec Command+, (Mac) ou Ctrl+, (Windows)

Paramètres de la souris

  1. Activer les fonctionnalités AI - Assurez-vous que l'assistance AI est activée :

Autoriser les Modèles

  1. Choisissez votre Modèl’AI - Nous recommandons Claude ou GPT-4 :

Sélectionner le Modèle de la Souris

  1. Activer l'exécution de commandes - Laissez la Souris exécuter les commandes automatiquement :

Autoriser l'exécution de commandes

Étape 2 : Exportez votre projet Bolt.new

Maintenant, amenons votre projet Bolt.new dans la Souris.

Téléchargez votre projet

  1. Accédez à votre projet Bolt.new dans votre navigateur
  2. Trouvez le Télécharger ou Téléchargez le fichier ZIP contenant votre projet Extrayez-le dans un dossier sur votre ordinateur

Fichiers de projet Bolt.new

  1. Ouvrez dans Cursor
  2. Une fois extrait, ouvrez le projet dans Cursor :

Utilisez

dans Cursor

Bouton d'exportation

  1. Bouton de téléchargement de Bolt.new dans l'interface File > Open Folder Fichiers de projet Bolt.new
  2. Sélectionnez votre dossier de projet extrait Bolt.new
  3. Le curseur chargera votre projet

Ouvrir dans le curseur

Alternative : Cloner à partir de GitHub

Si vous avez connecté Bolt.new à GitHub :

  1. Appuyez Shift+Command+P (Mac) ou Shift+Ctrl+P (Windows)
  2. Recherchez « Git : Cloner »
  3. Entrez l'URL de votre dépôt
  4. Choisissez un emplacement pour le sauvegarder

Cloner dans le curseur

Étape 2 : Identifier votre cadre de projet

Bolt.new peut générer des projets à l'aide de différents cadres. Identifions donc ce dont vous travaillez :

Vérifiez package.json

Ouvrez package.json pour voir quel cadre votre projet utilise :

Inspection de package.json de Bolt.new

Types de projets Bolt.new courants

  • React + Vite: Configuration la plus courante
  • Vue + Vite: Applications Vue.js
  • Svelte: Applications Svelte
  • Next.js: Applications React full-stack
  • JavaScript Vanilla: Applications JavaScript plain

Étape 3 : Installer les Outils de Développement

Option A : Laisser Cursor AI Gérer Tout

  1. Appuyez Command+K ou Ctrl+K sur (Windows) dans Cursor
  2. Taper cette requête :
    Install all necessary development tools including Node.js, then install project dependencies and start the dev server

Cursor AI gérera automatiquement :

  • Installez Node.js et npm si nécessaire
  • Configurez Homebrew sur macOS
  • Installez toutes les dépendances de votre projet
  • Lancez votre serveur de développement

Installez Homebrew

Option B : Procédure d'installation manuelle

Si vous préférez un contrôle manuel ou que l'approche AI rencontre des problèmes :

Ouvrez d'abord le terminal de Cursor avec Shift+Command+T (Mac) ou Shift+Ctrl+T (Windows)

Pour les utilisateurs de 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

Pour les utilisateurs Windows :

  1. Téléchargez l'installateur Node.js depuis nodejs.org
  2. Terminez l'assistant d'installation
  3. Dans le terminal de Cursor :
cd your-bolt-project
npm install
npm run dev

L'application Bolt.new fonctionne localement

Votre application Bolt.new devrait maintenant fonctionner (généralement à http://localhost:5173 pour les projets Vite).

Étape 4 : Configurez la construction pour les appareils mobiles

Votre configuration variera en fonction de votre framework de projet.

Option A : Configuration automatique avec l'IA de Cursor

Demandez à l'IA de Cursor de gérer la configuration :

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

Le curseur détectera votre framework et appliquera la bonne configuration.

Option B : Configuration manuelle par framework

Pour les projets React + Vite :

Modifier 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,
      },
    },
  },
})

Pour les projets Vue + Vite :

Modifier vite.config.js:

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

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

Pour les projets Next.js :

Ajoutez à votre package.json scripts :

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

Mettre à jour next.config.js:

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

module.exports = nextConfig

Étape 5 : Construire votre projet

Temps pour créer la mise en production de votre application Bolt.new.

Option A : Construire avec Cursor AI

Demandez simplement à Cursor :

Build my Bolt.new project for production deployment

Cursor exécutera la commande de construction appropriée en fonction de votre framework.

Option B : Construire Manuellement

Pour les Projets basés sur Vite (React/Vue/Svelte) :

npm run build

Bolt.new Vite build success

Pour les Applications Next.js :

npm run static

Confirmer le Succès de la Construction

Vérifiez que votre construction a généré la sortie correcte :

  • Projets Vite: Cherchez un dist répertoire
  • Projets Next.js: Vérifiez si vous avez un out répertoire

Sortie de build Bolt.new

Étape 6 : Ajoutez Capacitor à votre projet Bolt.new

Transformons votre application web en applications mobiles natives.

Option A : Configuration rapide avec Cursor AI

Appuyez sur Command+K (Mac) ou Ctrl+K (Windows) et demandez :

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

Cursor AI s'occupera de la configuration intégrale.

Option B : Configuration étape par étape manuelle

Installez les outils de ligne de commande de Capacitor :

npm install -D @capacitor/cli

Initialisez votre projet Capacitor :

npx cap init

Capacitor initialisation Bolt

Vous serez invité à fournir :

  • Nom de l'application: Nom de votre projet Bolt.new
  • ID de l'application: Format comme com.yourcompany.yourapp

Continuez avec la configuration manuelle - installez les packages essentiels :

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

Ajoutez le support des plateformes mobiles :

npx cap add ios
npx cap add android

Capacitor plateformes ajoutées Bolt

Que s'est-il passé ?

Votre structure de projet Bolt.new ressemble maintenant à ceci :

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

Notes importantes:

  • Votre web code reste dans src/ - y éditez
  • ios/ et android/ contexte : Page/zone : Site de marketing Capgo. Rôle : Petit élément de navigation ou d'interface utilisateur. Vu dans : page trust.astro. Clé de message `et` (Et).
  • sont générés - n'y éditez pas npx cap sync
  • Après les modifications, exécutez toujours

Step 7: Configure Capacitor

Étape 7 : Configurez Capacitor

Le moment est venu de configurer __CAPGO_KEEP_0__ pour votre framework spécifique.

Option A : Auto-configuration avec le curseur du souris : Demandez de l'aide au curseur :

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

Option B : Configuration manuelle

Pour les applications basées sur 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;

Pour les applications 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;

Étape 8 : Construction et synchronisation

Préparez votre application pour la mise en ligne mobile.

Option A : Utilisation de Cursor AI

Dites à Cursor :

Build my project and sync it with Capacitor for mobile deployment

Option B : Processus manuel

Exécutez ces commandes dans la séquence :

npm run build
npx cap sync

Capacitor synchronisez Bolt complet

Vous n'avez pas besoin d'un Mac ou d'une pipeline locale complet Xcode/Android Studio pour envoyer vers l'App Store et Google Play. Capgo Constructeur compiles, signs, and can submit iOS and Android builds from the cloud — the fastest path for vibe-coded apps exported from Bolt.new.

Pourquoi Capgo Constructeur ?

  • — pas besoin de Mac pour iOS — construire à partir de Windows, Linux ou votre environnement de codage AI
  • Une seule CLI workflow — facile à scripter et à transmettre à Cursor, Claude Code, ou Codex
  • S'associe aux Mises à jour en temps réel — expédier les correctifs JS/UI par voie aérienne ; reconstruire le binaire natif uniquement lorsque les plugins ou les autorisations changent

Configurer Capgo Constructeur

Après votre build de production et votre synchronisation Capacitor en local :

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

Enregistrer les informations de signature une fois (certificats Apple, profils de provisionnement, clés de stockage Android). Voir gestion des identifiants et Créer un iOS à partir de Windows.

Demandez un build cloud

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 Les flux de build du constructeur s'affichent dans votre terminal. Avec App Store Connect configuré, les builds iOS peuvent aller directement vers TestFlight.

Téléchargez votre bundle web pour les mises à jour OTA :

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

Étape 10 : Ouvrez les IDEs natifs (Facultatif pour les tests locaux)

Si vous avez un Mac ou que vous souhaitez tester l'emulateur avant les builds cloud, ouvrez les projets natifs localement :

Accédez aux environnements de développement natifs pour votre application.

Développement iOS

Option A : Via Cursor AI

Open my iOS project in Xcode

Option B : Commande de terminal

npx cap open ios

Ouvrir le projet Bolt dans Xcode

Développement Android

Option A : Via Cursor AI

Open my Android project in Android Studio

Option B : Commande Terminal

npx cap open android

Ouvrir le projet Bolt dans Android Studio

Étape 11 : Construire et Exécuter Localement (Facultatif)

Exécuter sur iOS

Configurer Xcode (Première fois)

  1. Choisissez votre cible:

    • Cliquer sur le sélecteur de appareil à côté du bouton Play
    • context: Page/zone : Capgo Builder / produit de build natif cloud. Rôle : Étiquette de navigation ou élément UI court. Clé de message `native_build_builder_credit_next` (Crédit de build natif Builder Next).
    • Pour les tests : Choisissez n'importe quel simulateur d'iPhone
  2. Configurer Code de signature:

    • Cliquez sur le nom de votre projet dans le côté gauche de la barre latérale
    • Allez dans l’onglet « Signature et capacités »
    • Activez « Gérer automatiquement la signature »
    • Connectez-vous avec votre ID Apple
    • Note: Les appareils réels nécessitent le programme Apple Developer (99 €/an)
  3. Construire votre application:

    • Cliquez sur le bouton ▶️ Play
    • Première construction : 5-10 minutes (soyez patient !)
    • context : Page/zone : Capgo Builder / produit de construction native cloud. Rôle : Étiquette de navigation ou élément UI court. Clé de message `native_build_builder_credit_first` (Premier crédit de constructeur de build natif).

Regardez la barre de progression en haut de la page : Troubleshooting iOS:

  • “Aucun compte trouvé”: Ajouter un ID Apple dans Xcode > Paramètres > Comptes
  • “Échec de la construction”: Vider le dossier de construction (Shift+Command+K) et réessayer
  • Problèmes de simulateur: Redémarrer le simulateur via Appareil > Redémarrer

L'application Bolt fonctionne sur iOS

Exécution sur Android

Configuration de l'IDE Android Studio (Première utilisation)

  1. SDK Configuration (automatique) :

    • Android Studio détectera les composants manquants
    • Appuyez sur "Installer les éléments manquants SDK" lorsque vous êtes invité
    • Cela télécharge ~2-3 Go de fichiers
  2. Créer un appareil virtuel:

    • Ouvrez le gestionnaire AVD (icône téléphone dans la barre d'outils)
    • Appuyez sur "+ Créer un appareil virtuel"
    • Sélectionnez "Pixel 6" (bon choix par défaut)
    • Téléchargez l'image système lorsque vous êtes invité
    • Terminez la configuration avec les options par défaut
  3. Démarrez votre application:

    • Sélectionnez votre émulateur dans le menu déroulant
    • Appuyez sur le bouton de démarrage vert ▶️
    • Première construction : 10-15 minutes
    • L'émulateur démarre automatiquement

Résolution des problèmes Android:

  • “La synchronisation de Gradle a échoué”Essayez : File > Annuler la cache
  • L'émulateur ralentit : Activez l'accélération matérielle dans les paramètres AVD
  • Erreurs de construction : Mettez à jour Gradle via les corrections suggérées

L'application Bolt fonctionne sur Android

Liste de vérification de la conformité

Après une construction réussie, vérifiez :

✅ L'application démarre sans se crasher ✅ Votre contenu Bolt.new s'affiche correctement ✅ Les boutons et les interactions fonctionnent ✅ La console n'affiche pas d'erreurs rouges

Problèmes persistants ? Les messages d'erreur vous indiquent généralement exactement ce qui ne va pas - lisez-les attentivement !

Étape 12 : Activer Live Reload (Développement)

Accélérer votre flux de travail de développement avec le rechargement chaud.

Option A : Installation automatique avec Cursor

Demandez à Cursor :

Enable live reload for my Capacitor app development

Cursor configurera tout automatiquement.

Option B : Configuration manuelle

  1. Obtenez votre adresse IP locale :
# macOS
ipconfig getifaddr en0

# Windows  
ipconfig
  1. Mettez à jour votre 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;
  1. Appliquez la configuration :
npx cap copy

Live reload activé Bolt

Étape 13 : Ajouter des fonctionnalités natives

Améliorez votre application Bolt.new avec des capacités spécifiques au dispositif.

Option A : Intégration puissance par l'intelligence artificielle

Demande de Cursor :

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

Cursor installera les plugins et créera l'intégration code.

Option B : Installation manuelle de plugins

Installez les plugins natives populaires :

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

Créez un fichier de utilitaires pour les projets 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;
};

Utilisez dans vos composants

// 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;

Synchronisez les modifications

Avec l'intelligence artificielle de Cursor :

Sync my native feature changes to all platforms

Commande manuelle :

npx cap sync

Caractéristiques natives ajoutées Bolt

Étape 14 : Optimiser pour la production

Icônes et écrans de démarrage de l'application

Option A : Configuration de l'IA de la souris

Demander :

Create app icons and splash screens for my mobile app

Option B : Création manuelle des actifs

  1. Obtenir l'outil des actifs :
npm install -D @capacitor/assets
  1. Préparer vos graphiques :

    • Créer assets/icon.png (1024x1024px)
    • Créer assets/splash.png (2732x2732px)
  2. Générer toutes les tailles automatiquement :

npx capacitor-assets generate

Actifs de l'application Bolt générés

Optimiser la construction

Pour les projets Vite, optimisez votre construction :

// 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
        },
      },
    },
  },
})

Construction finale

Option A : Construire avec Cursor AI

Create the final production build and prepare for app store deployment

Option B : Processus de construction manuel

npm run build
npx cap sync
npx cap copy

Résoudre les problèmes courants

Problèmes spécifiques au framework

Projets React/Vite

  • Assurez-vous que base: './' est défini dans la configuration Vite
  • Vérifiez que toutes les importations utilisent des chemins relatifs
  • Vérifiez que le dist dossier est généré correctement

Projets Vue

  • Assurez-vous que Vue Router utilise le mode hash pour les appareils mobiles
  • Vérifiez que les ressources sont référencées correctement
  • Projets Next.js

Assurez-vous que l'export statique est configuré correctement

  • Vérifiez que les importations dynamiques fonctionnent dans le contexte statique
  • Vérifiez que les routes __CAPGO_KEEP_0__ ne sont pas utilisées (ou gérées correctement)
  • Verify that API routes are not used (or properly handled)

Problèmes de construction

Si vous rencontrez des erreurs de construction :

  1. Effacez node_modules et réinstallez :
rm -rf node_modules package-lock.json
npm install
  1. Vérifiez les dépendances du projet Bolt.new pour la compatibilité mobile
  2. Assurez-vous que tous les chemins relatifs sont corrects pour la mise en production mobile

Actifs manquants

Pour les problèmes de chargement d'actifs :

  1. Vérifiez que tous les actifs se trouvent dans le dossier public
  2. Utilisez des chemins relatifs pour les images et les fichiers
  3. Vérifiez que le processus de construction copie tous les actifs nécessaires

Conclusion

Félicitations ! Vous avez réussi à transformer votre projet Bolt.new en applications mobiles natives. Votre application web générée par IA peut maintenant :

  • Exécuter nativement sur les appareils iOS et Android
  • Accéder aux fonctionnalités de l'appareil comme la caméra, le GPS et le stockage
  • S'être distribué par les magasins d'applications
  • Proposer une expérience utilisateur mobile optimisée

Étapes suivantes

  • Capgo Constructeur__CAPGO_KEEP_0__ Constructeur
  • __CAPGO_KEEP_0__ Constructeur__CAPGO_KEEP_0__ Constructeur Capgo Mises à jour en direct
  • Implémenter__CAPGO_KEEP_0__ : Soumettre un PR à Capgo pour obtenir des mises à jour instantanées sur l'air pour votre application mobile : Ajouter des analyses mobiles pour suivre le comportement des utilisateurs
  • Performances: Surveillez et optimisez les performances de votre application mobile
  • Tests: Testez votre application sur divers appareils et tailles d'écran

Votre création Bolt.new est maintenant prête pour l'écosystème mobile !

Ressources

Apprenez comment Capgo peut vous aider à délivrer des mises à jour instantanées à votre application mobile, inscrivez-vous à un compte gratuit aujourd'hui.

Continuez à partir de Transformez votre projet Bolt.new en applications mobiles natives avec Capacitor

Si vous utilisez Transformez votre projet Bolt.new en applications mobiles natives avec Capacitor pour planifier le travail de plugin natif, connectez-l’avec Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo, Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans l'ajout ou la mise à jour de plugins, Ionic Enterprise Plugin Alternatives pour le flux de travail du produit dans Ionic Enterprise Plugin Alternatives, et Capgo Builds natifs pour le flux de travail du produit dans Capgo Builds natifs.

Live updates for Capacitor apps

Lorsqu'un bug de la couche web est en ligne, expédiez la correction par le biais de Capgo au lieu d'attendre des jours pour l'approbation de l'app store. Les utilisateurs reçoivent la mise à jour en arrière-plan tandis que les changements natifs restent dans la voie de revue normale.

un soutien humain de Martin

Commencez dès maintenant

Dernières actualités de notre Blog

Capgo vous donne les meilleures informations dont vous avez besoin pour créer une application mobile vraiment professionnelle.