Vibe coding con Google AI Studio: Build, limiti, deploy
Come fare vibe coding con la modalità Build di Google AI Studio: i passaggi, cosa può fare e cosa no, il limite di due app dello Starter Tier e come pubblicare o esportare la tua app.
Domande frequenti
Che cos'è il vibe coding in Google AI Studio?
È la modalità Build, che trovi su aistudio.google.com/apps. Descrivi un'app in linguaggio naturale, Gemini genera il codice e accanto compare un'anteprima live. Secondo la documentazione di Google, le app web usano di default un frontend React con un runtime Node.js lato server, e puoi scegliere anche un'app Android nativa (Kotlin e Jetpack Compose). Affini il risultato dialogando con l'assistente o usando la modalità annotazione sull'anteprima. Documentazione verificata a novembre 2026.
Il vibe coding in Google AI Studio è gratuito?
La documentazione di Google su Build e deploy non descrive una quota gratuita. Indica che le chiamate API della tua app contano nei tuoi limiti di utilizzo e che, se usi modelli a pagamento, possono applicarsi dei costi. Lo Starter Tier permette agli account idonei di pubblicare fino a due app full-stack senza un progetto Google Cloud né un account di fatturazione, ma i prezzi di Cloud Run possono applicarsi in base all'utilizzo. Controlla la pagina Billing in AI Studio per le tariffe aggiornate del tuo account.
Come pubblico un'app creata in Google AI Studio?
Clicca su Publish in alto a destra. Con lo Starter Tier clicchi poi su Get Started e Publish App e ottieni un URL Cloud Run. Il deploy standard richiede un progetto Google Cloud collegato al tuo account AI Studio, con la fatturazione attiva. In alternativa puoi sincronizzare il progetto con GitHub o scaricare uno ZIP e ospitarlo da solo.
Posso esportare la mia app di Google AI Studio su GitHub o sul mio hosting?
Sì. AI Studio supporta la sincronizzazione bidirezionale con GitHub, gestita dalla scheda GitHub in Settings, con messaggi di commit generati dall'AI e una finestra Resolve conflicts. Puoi anche scaricare uno ZIP. Se esegui il codice altrove, devi impostare tu stesso la variabile d'ambiente GEMINI_API_KEY.
La mia chiave API Gemini sarà esposta nell'app pubblicata?
Per le nuove app web, la documentazione di Google dice che AI Studio salva GEMINI_API_KEY come segreto lato server, visibile nel pannello Secrets, e che non viene mai inclusa nel codice lato client. L'app pubblicata usa quella chiave per le chiamate a Gemini di ogni visitatore, quindi il loro utilizzo ricade sui tuoi limiti e sui tuoi costi.
Chi può usare lo Starter Tier per pubblicare?
La pagina di Google sul deploy spiega che non sono idonei gli account con accesso tramite Google Workspace, né quelli con un account di fatturazione Google Cloud attivo o passato a pagamento, né quelli senza prove di attività sufficienti. Aggiunge che il supporto non può derogare ai requisiti di idoneità. Se non sei idoneo, usa il deploy standard con un progetto Google Cloud con fatturazione attiva.
Risposta breve: il vibe coding di Google AI Studio si trova nella modalità Build, su aistudio.google.com/apps. Descrivi un'app, Gemini scrive un frontend React più un server Node.js (oppure un'app Android nativa) e tu iteri su un'anteprima live. Quando funziona, clicca su Publish per metterla su Cloud Run, sincronizzala con GitHub o scarica uno ZIP. Controlla i limiti qui sotto prima di condividere un link, perché le chiamate a Gemini dei visitatori girano sulla tua chiave. Tutti i dettagli sono stati verificati sulla documentazione di Google a novembre 2026.
Cosa fa davvero la modalità Build
La modalità Build è un ambiente che trasforma un prompt in un'app, dentro AI Studio. Secondo la documentazione di Google:
- App web (default): un frontend React più un runtime Node.js lato server per chiamate API sicure, connessioni a database e pacchetti npm. L'agente installa i pacchetti quando servono.
- App Android: Kotlin e Jetpack Compose, con anteprima in un emulatore nel browser, installabili su un dispositivo tramite ADB nel browser e pubblicabili sul Play Store per i test interni.
- Integrazioni incluse: Firebase Firestore e Firebase Authentication (Sign in with Google), connessioni a Google Workspace come Gmail, Sheets, Docs, Drive e Calendar con configurazione OAuth automatica, e stato multiplayer gestito dal runtime server.
- Altri database: la documentazione dice che puoi usare qualsiasi archivio raggiungibile via rete, nel rispetto dei limiti del firewall sugli intervalli di IP dinamici.
Se il termine ti è nuovo, la nostra guida su cos'è il vibe coding spiega il concetto. La modalità Build ne è un'implementazione.
Come fare vibe coding di un'app in Google AI Studio
- Apri la modalità Build. Vai su aistudio.google.com/apps e scegli app web (il default) o Android nativa nel selettore della piattaforma.
- Scrivi il prompt. Descrivi chi usa l'app, cosa mostra la schermata principale e quali dati gestisce. Con gli AI Chips puoi aggiungere funzioni come la generazione di immagini o i dati di Google Maps, oppure dettare con il riconoscimento vocale. "I'm Feeling Lucky" genera un'idea se sei a corto.
- Oppure parti da qualcosa di esistente. Apri un'app nella App Gallery e seleziona Copy App per remixarla, oppure usa Import from GitHub dal menu Add files (+) nella casella del prompt.
- Esegui e leggi l'anteprima. I file generati compaiono con un'anteprima live sulla destra. La scheda Code mostra il sorgente.
- Itera a piccoli passi. Chiedi una modifica per messaggio. Per i ritocchi grafici usa la modalità annotazione: evidenzia una parte dell'interfaccia e descrivi la modifica che vuoi.
- Gestisci i permessi. Se l'app ha bisogno di fotocamera, microfono o geolocalizzazione, la documentazione indica di elencare queste API del browser in metadata.json sotto requestFramePermissions.
- Controlla i segreti. Apri il pannello Secrets in Settings per vedere GEMINI_API_KEY e aggiungere le altre chiavi che il codice server richiede.
- Salva o pubblica. Sincronizza con GitHub, scarica uno ZIP o clicca su Publish.
Come formulare il prompt per ottenere bozze migliori al primo colpo
Crea una pagina di prenotazione per un piccolo studio di ceramica. I visitatori scelgono un corso da un elenco, selezionano una data e inseriscono nome ed email. Salva le richieste in Firestore. Mostra una schermata di conferma. Mantieni un layout a colonna singola, pensato prima di tutto per il mobile. Non aggiungere il login.
Indicare l'archivio dati, le schermate e cosa lasciare fuori riduce il rischio che l'agente inventi funzioni che poi devi eliminare.
Opzioni di deploy ed esportazione a confronto
| Opzione | Cosa ottieni | Requisiti (secondo la documentazione di Google) | Attenzione a |
|---|---|---|---|
| Publish, Starter Tier | URL Cloud Run, sottodominio facoltativo your-app-name.ai.studio | Account idoneo; nessun progetto Google Cloud né account di fatturazione necessario | Al massimo due servizi in totale, una sola regione Cloud Run; gli account Workspace e quelli con fatturazione Cloud a pagamento non sono idonei |
| Publish, deploy standard | Servizio Cloud Run scalabile | Progetto Google Cloud collegato ad AI Studio con fatturazione attiva | I prezzi di Cloud Run possono applicarsi in base all'utilizzo |
| Sincronizzazione GitHub | Sincronizzazione bidirezionale del repo con messaggi di commit | Scheda GitHub in Settings | Risolvi i conflitti di merge nella finestra dedicata |
| Download ZIP | Codice eseguibile ovunque | Imposta tu GEMINI_API_KEY | Ti occupi tu di hosting, segreti e aggiornamenti |
Con lo Starter Tier pubblicare richiede tre clic: Publish, Get Started, Publish App. Se hai già due app online, devi annullare la pubblicazione di una o passare a un piano superiore. I sottodomini personalizzati vengono assegnati in ordine di arrivo e rilasciati quando annulli la pubblicazione o elimini l'app.
Limiti e rischi da conoscere prima di condividere
- La tua chiave paga per ogni visitatore. L'app pubblicata usa la tua chiave API Gemini per le chiamate di tutti gli utenti, e la documentazione avverte che, se usi modelli a pagamento, possono applicarsi dei costi. AI Studio ti avvisa prima della condivisione.
- Le app nascono private. Le persone con cui condividi possono vedere e fare il fork del codice, e chi ha il permesso di modifica può cambiarlo.
- Nessuna co-modifica in tempo reale. La documentazione di Google dice che la modifica collaborativa live non è supportata; i team collaborano tramite un repository GitHub condiviso.
- I link condivisi possono non funzionare. La documentazione cita errori 403 Access Restricted causati da estensioni per la privacy come Privacy Badger, oppure da errori di build.
- Il comportamento è una tua responsabilità. Le app possono essere rimosse per violazioni delle policy, e lo sviluppatore risponde del comportamento dell'app e dei dati.
- App più vecchie. Le app create prima del 14 maggio 2026 vengono aggiornate all'approccio con chiave lato server la prossima volta che si modificano le loro funzioni Gemini.
Le pagine di Google che abbiamo letto non indicano numeri di richieste o token per il piano gratuito, quindi non ne citiamo. Guarda la pagina Billing dentro AI Studio per ciò che vale per il tuo account.
Prima di pubblicare: una checklist da copiare
- [ ] L'app funziona nell'anteprima con un profilo browser pulito, non solo con il tuo account già connesso
- [ ] I segreti sono nel pannello Secrets, non incollati nel codice o nei prompt
- [ ] Sai di chi è la chiave Gemini che userà l'app pubblicata e quanto costerebbe una giornata di traffico intenso
- [ ] Le regole di Firestore o del database sono state riviste, così i visitatori non possono leggere o scrivere ciò che non dovrebbero
- [ ] Hai provato l'app su uno schermo largo quanto un telefono
- [ ] Il repo è sincronizzato con GitHub, così hai una copia fuori da AI Studio
- [ ] Hai verificato l'idoneità allo Starter Tier, oppure hai pronto un progetto Cloud con fatturazione attiva
Le app generate dall'AI possono sembrare finite pur nascondendo lacune nella validazione e nel controllo degli accessi: ne parliamo in il divario di fiducia del vibe coding per i siti web.
Quando la modalità Build non è lo strumento giusto
La modalità Build è adatta a prototipi, strumenti interni e piccole app interattive che chiamano Gemini. È una strada più pesante per un semplice sito aziendale che ha bisogno di un dominio, di un modulo di contatto e di visibilità sui motori di ricerca. Inoltre, un servizio Cloud Run dietro un sottodominio ai.studio non equivale a un sito che gestisci per la SEO. Se stai valutando hosting più semplici, guarda la nostra lista di alternative a Google Sites e, quando il sito è online, configura Google Search Console per vedere come viene indicizzato.
Per un sito normale, e non un'app personalizzata, il piano gratuito di We.Inc ti permette di pubblicare fino a tre siti da template già pronti; il builder AI che prepara una bozza di sito a partire da un prompt parte dal piano Starter a $20 al mese. Puoi registrarti qui.
Inizia gratis · Nessuna carta di credito richiesta
Fondatore di We.Inc
Umair è il fondatore di We.Inc. Scrive di creazione di siti web con l’IA, agenzie e gestione di uno studio web.
Pronto a creare qualcosa di grande?
Unisciti a 15,000+ aziende che usano We.Inc per lanciare, crescere e automatizzare, tutto da un'unica piattaforma.
Inizia gratisNessuna carta di credito richiesta · Parla con il team vendite
Correlati: Blog
- Ottimizzazione Google Business Profile
- Guida a Google Search Console
- Search Console vs Google Analytics
- Record MX Google Workspace
- Sito Portfolio Graphic Design
- Colori verdi per siti web
- 25 idee di guerrilla marketing per piccole imprese locali
- Design sito web per saloni
Prodotto
Per chi è
- Per le agenzie
- Per i freelance
- Per i provider di hosting
- Per le piattaforme SaaS
- Per le startup
- Servizi finanziari
- Soluzioni per la sanità
Funzionalità
Risorse
- Blog
- Centro assistenza
- Strumenti gratuiti per le aziende
- Free UI Components
- Template
- Raccolte di template
- Esempi di siti
- Guide
- Confronti
- Alternative
- I migliori
- Recensioni
- Guide ai prezzi
- Casi d'uso
- Glossario e guide
- Integrazioni
- Sviluppatori
- Benchmark
- Windows App