Come distribuire siti e app web di Google AI Studio

Scegli il tuo piano di hosting

Hostinger Business Plan

Scegli il piano mostrato nel video, poi continua la guida.

RECOMMENDED

https://www.hostg.xyz/SHJ9N

Richiedi il tuo dominio gratuito

Completa pagamento e configurazione account

Crea un nuovo sito usando Empty PHP/HTML Website

Apri il tuo progetto Google AI

Clicca su Save to GitHub

Crea un nuovo repository

Clicca su Add Changes per caricare l'intero progetto

Torna su Hostinger

Scegli Node.js Web App

Clicca su Continue with GitHub

Seleziona lo stesso repository

Hostinger rileva automaticamente Vite (nessuna modifica richiesta)

Aggiungi la API key di Gemini come variabile di ambiente

API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY

API_KEY

Chiave API Gemini

GOOGLE_API_KEY

Chiave API Gemini

GEMINI_API_KEY

Chiave API Gemini

VITE_GOOGLE_API_KEY

Chiave API Gemini

VITE_GEMINI_API_KEY

Chiave API Gemini

Recupera questa chiave da Google AI Studio

Apri le chiavi API

https://aistudio.google.com/app/apikey

Clicca su Deploy

Collega il tuo dominio

Se compare una schermata bianca, esegui il seguente prompt in Google AI

Prompt per correggere la schermata bianca

Viene distribuito senza errori, ma in produzione mostra una pagina bianca…

It deploys without errors, but in production, it renders a blank white page. No console errors appear. The issue occurs on multiple hosting providers, so it is not a hosting problem. Please debug the app and fix the root cause so it renders properly in production, without changing the existing UI.

Save → Stage → Commit su GitHub

Hostinger esegue automaticamente il re-deploy dell'aggiornamento

Riepilogo finale del workflow

Google AI costruisce il tuo progetto GitHub sincronizza le modifiche Hostinger distribuisce tutto automaticamente Qualunque futura modifica in Google AI → istantaneamente online sul tuo sito