Vibe coding Google AI Studio : créer, limites, déployer

Comment faire du vibe coding avec le mode Build de Google AI Studio : étapes, limites, quota de deux apps du Starter Tier, déploiement et export de votre app.

Questions fréquentes

Qu'est-ce que le vibe coding dans Google AI Studio ?

C'est le mode Build, accessible sur aistudio.google.com/apps. Vous décrivez une application en langage naturel, Gemini génère le code et un aperçu en direct s'affiche à côté. Selon la documentation de Google, les apps web utilisent par défaut un frontend React avec un runtime Node.js côté serveur, et vous pouvez aussi choisir une app Android native (Kotlin et Jetpack Compose). Vous affinez le résultat en discutant avec l'agent ou avec le mode annotation sur l'aperçu. Documentation consultée en novembre 2026.

Le vibe coding dans Google AI Studio est-il gratuit ?

La documentation Build et déploiement de Google ne décrit aucun quota gratuit. Elle précise que les appels d'API de votre app comptent dans vos limites d'utilisation et que des frais peuvent s'appliquer si vous utilisez des modèles payants. Le Starter Tier permet aux comptes éligibles de publier jusqu'à deux apps full-stack sans projet Google Cloud ni compte de facturation, mais la tarification de Cloud Run peut s'appliquer selon l'usage. Consultez la page Billing (Facturation) d'AI Studio pour connaître les tarifs en vigueur sur votre compte.

Comment déployer une app créée dans Google AI Studio ?

Cliquez sur Publish (Publier) en haut à droite. Avec le Starter Tier, cliquez ensuite sur Get Started puis Publish App, et vous obtenez une URL Cloud Run. Le déploiement standard nécessite un projet Google Cloud lié à votre compte AI Studio, avec la facturation activée. Vous pouvez aussi synchroniser le projet avec GitHub ou télécharger un ZIP pour l'héberger vous-même.

Puis-je exporter mon app Google AI Studio vers GitHub ou mon propre hébergeur ?

Oui. AI Studio prend en charge la synchronisation GitHub dans les deux sens, gérée depuis l'onglet GitHub des paramètres (Settings), avec des messages de commit générés par l'IA et une boîte de dialogue Resolve conflicts (Résoudre les conflits). Vous pouvez aussi télécharger un ZIP. Si vous exécutez le code ailleurs, vous devez définir vous-même la variable d'environnement GEMINI_API_KEY.

Ma clé API Gemini sera-t-elle exposée dans l'app publiée ?

Pour les nouvelles apps web, la documentation de Google indique qu'AI Studio stocke GEMINI_API_KEY comme secret côté serveur, visible dans le panneau Secrets, et qu'elle n'est jamais incluse dans le code côté client. L'app déployée utilise cette clé pour tous les appels Gemini de chaque visiteur : leur consommation s'ajoute donc à vos limites et à vos coûts.

Qui peut utiliser le Starter Tier pour publier ?

La page de déploiement de Google indique que les comptes connectés avec un compte Google Workspace ne sont pas éligibles, pas plus que les comptes ayant un compte de facturation Google Cloud payant, actif ou passé, ou ne présentant pas assez d'activité. Elle précise aussi que le support ne peut pas déroger à l'éligibilité. Si vous n'êtes pas éligible, passez par le déploiement standard avec un projet Google Cloud dont la facturation est activée.

En bref : le vibe coding de Google AI Studio se trouve dans le mode Build, sur aistudio.google.com/apps. Vous décrivez une application, Gemini écrit un frontend React avec un serveur Node.js (ou une app Android native), et vous itérez sur un aperçu en direct. Quand ça fonctionne, cliquez sur Publish pour la mettre en ligne sur Cloud Run, synchronisez-la avec GitHub ou téléchargez un ZIP. Vérifiez les limites ci-dessous avant de partager un lien, car les appels Gemini de vos visiteurs passent par votre clé. Tous les détails ont été vérifiés dans la documentation de Google en novembre 2026.

Ce que fait réellement le mode Build

Le mode Build est un environnement « du prompt à l'app » intégré à AI Studio. D'après la documentation de Google :

Apps web (par défaut) : un frontend React et un runtime Node.js côté serveur pour les appels d'API sécurisés, les connexions aux bases de données et les paquets npm. L'agent installe les paquets nécessaires.
Apps Android : Kotlin et Jetpack Compose, avec aperçu dans un émulateur intégré au navigateur, installation sur un appareil via ADB depuis le navigateur et publication sur le Play Store pour des tests internes.
Intégrations natives : Firebase Firestore et Firebase Authentication (connexion avec Google), connexions Google Workspace comme Gmail, Sheets, Docs, Drive et Calendar avec configuration OAuth automatique, et état multijoueur géré par le runtime serveur.
Autres bases de données : la documentation indique que vous pouvez utiliser tout stockage accessible via le réseau, sous réserve des limites de pare-feu sur les plages d'adresses IP dynamiques.

Si le terme vous est nouveau, notre explication sur ce qu'est le vibe coding présente le principe. Le mode Build en est une mise en œuvre.

Comment faire du vibe coding dans Google AI Studio

Ouvrez le mode Build. Rendez-vous sur aistudio.google.com/apps et choisissez app web (par défaut) ou Android natif dans le sélecteur de plateforme.
Rédigez le prompt. Décrivez qui utilise l'app, ce que montre l'écran principal et quelles données elle manipule. Vous pouvez utiliser les AI Chips pour ajouter des fonctions comme la génération d'images ou les données Google Maps, ou dicter votre texte avec la saisie vocale. « I'm Feeling Lucky » génère une idée si vous séchez.
Ou partez d'un projet existant. Ouvrez une app dans l'App Gallery et sélectionnez Copy App pour la remixer, ou utilisez Import from GitHub depuis le menu Add files (+) de la zone de prompt.
Lancez et lisez l'aperçu. Les fichiers générés s'affichent avec un aperçu en direct sur la droite. L'onglet Code montre le code source.
Itérez par petites étapes. Demandez une seule modification par message. Pour les retouches visuelles, utilisez le mode annotation : surlignez une zone de l'interface et décrivez le changement voulu.
Gérez les autorisations. Si l'app a besoin de la caméra, du micro ou de la géolocalisation, la documentation demande de lister ces API du navigateur dans metadata.json sous requestFramePermissions.
Vérifiez les secrets. Ouvrez le panneau Secrets dans Settings pour voir GEMINI_API_KEY et ajouter les autres clés dont votre code serveur a besoin.
Enregistrez ou publiez. Synchronisez avec GitHub, téléchargez un ZIP ou cliquez sur Publish.

Une formulation de prompt qui donne de meilleurs premiers jets

Crée une page de réservation pour un petit atelier de poterie. Les visiteurs choisissent un cours dans une liste, sélectionnent une date et saisissent leur nom et leur e-mail. Stocke les demandes dans Firestore. Affiche un écran de confirmation. Garde une mise en page sur une seule colonne, pensée d'abord pour le mobile. N'ajoute pas de connexion.

Indiquer la base de données, les écrans et ce qu'il faut exclure évite que l'agent invente des fonctions que vous devrez ensuite supprimer.

Comparatif des options de déploiement et d'export

Option	Ce que vous obtenez	Prérequis (selon la documentation de Google)	Points de vigilance
Publish, Starter Tier	URL Cloud Run, sous-domaine your-app-name.ai.studio en option	Compte éligible ; aucun projet Google Cloud ni compte de facturation requis	Jusqu'à deux services au total, une seule région Cloud Run ; les comptes Workspace et les comptes avec facturation Cloud payante ne sont pas éligibles
Publish, déploiement standard	Service Cloud Run évolutif	Projet Google Cloud lié à AI Studio avec facturation activée	La tarification de Cloud Run peut s'appliquer selon l'usage
Synchronisation GitHub	Synchronisation du dépôt dans les deux sens avec messages de commit	Onglet GitHub dans Settings	Résolvez les conflits de fusion dans la boîte de dialogue
Téléchargement ZIP	Code exécutable n'importe où	Définissez vous-même GEMINI_API_KEY	Vous gérez l'hébergement, les secrets et les mises à jour

Avec le Starter Tier, la publication se fait en trois clics : Publish, Get Started, Publish App. Si vous avez déjà deux apps en ligne, vous devez en dépublier une ou passer à l'offre supérieure. Les sous-domaines personnalisés sont attribués selon le principe du premier arrivé, premier servi, et libérés quand vous dépubliez ou supprimez l'app.

Limites et risques à connaître avant de partager

Votre clé paie pour chaque visiteur. L'app déployée utilise votre clé API Gemini pour les appels de tous les utilisateurs, et la documentation prévient que des frais peuvent s'appliquer si vous utilisez des modèles payants. AI Studio vous avertit avant le partage.
Les apps sont privées au départ. Les personnes avec qui vous partagez peuvent voir et dupliquer (fork) le code, et celles qui ont les droits d'édition peuvent le modifier.
Pas de co-édition en direct. D'après Google, l'édition collaborative en direct n'est pas prise en charge ; les équipes collaborent via un dépôt GitHub partagé.
Les liens partagés peuvent échouer. La documentation mentionne des erreurs 403 Access Restricted déclenchées par des extensions de confidentialité comme Privacy Badger, ou par des erreurs de build.
Vous êtes responsable du comportement de l'app. Les apps peuvent être retirées en cas de violation des règles, et le développeur est responsable du comportement de l'app et des données.
Anciennes apps. Les apps créées avant le 14 mai 2026 passent à l'approche de clé côté serveur la prochaine fois que leurs fonctions Gemini sont modifiées.

Les pages de Google que nous avons lues n'indiquent pas de chiffres de requêtes ou de tokens pour l'offre gratuite ; nous n'en citons donc aucun. Consultez la page Billing dans AI Studio pour connaître ce qui s'applique à votre compte.

Avant de publier : une checklist à copier

[ ] L'app fonctionne dans l'aperçu avec un profil de navigateur vierge, pas seulement avec votre session connectée
[ ] Les secrets sont dans le panneau Secrets, pas collés dans le code ni dans les prompts
[ ] Vous savez quelle clé Gemini l'app déployée utilisera et ce que coûterait une journée de forte affluence
[ ] Les règles Firestore ou de base de données sont vérifiées, pour que les visiteurs ne puissent ni lire ni écrire ce qu'ils ne devraient pas
[ ] Vous avez testé sur un écran de la largeur d'un téléphone
[ ] Le dépôt est synchronisé avec GitHub, pour avoir une copie hors d'AI Studio
[ ] Vous avez vérifié l'éligibilité au Starter Tier, ou vous avez un projet Cloud avec facturation activée prêt

Les apps générées par l'IA peuvent sembler abouties tout en cachant des failles de validation et de contrôle d'accès, ce que nous abordons dans le déficit de confiance du vibe coding pour les sites web.

Quand le mode Build n'est pas le bon outil

Le mode Build convient aux prototypes, aux outils internes et aux petites apps interactives qui font appel à Gemini. C'est une voie plus lourde pour un simple site d'entreprise qui a besoin d'un nom de domaine, d'un formulaire de contact et d'une visibilité dans les moteurs de recherche. Un service Cloud Run derrière un sous-domaine ai.studio n'équivaut pas non plus à un site que l'on pilote pour le référencement. Si vous comparez des solutions d'hébergement plus simples, consultez notre liste d'alternatives à Google Sites et, une fois votre site en ligne, configurez Google Search Console pour voir comment il est indexé.

Pour un site classique plutôt qu'une app sur mesure, l'offre gratuite de We.Inc vous permet de publier jusqu'à trois sites à partir de modèles prêts à l'emploi ; le builder IA qui rédige un site à partir d'un prompt démarre avec l'offre Starter à $20 par mois. Vous pouvez vous inscrire ici.

Commencer gratuitement · Sans carte bancaire

Umair Ali Sadaqat

Fondateur de We.Inc

Umair est le fondateur de We.Inc. Il écrit sur la création de sites web avec l’IA, les agences et la gestion d’un studio web.

Prêt à créer quelque chose de grand ?

Rejoignez les 15,000+ entreprises qui utilisent We.Inc pour lancer, développer et automatiser, le tout depuis une seule plateforme.