Comment déployer des sites web et apps Google AI Studio
Déploie ton site ou ton app web Google AI étape par étape en utilisant GitHub et Hostinger. Des instructions simples et claires pour mettre ton projet en ligne et le rendre pleinement fonctionnel.
Feuille de route et ressources
Choisis ton plan d'hébergement et configure ton site
Choisis ton plan d'hébergement
Hostinger Business Plan
Choisis le plan montré dans la vidéo, puis continue le guide.
RECOMMENDED
https://www.hostg.xyz/SHJ9N
Réclame ton domaine gratuit
Complète le paiement et la configuration du compte
Crée un nouveau site en utilisant Empty PHP/HTML Website
Prépare ton projet dans Google AI
Ouvre ton projet Google AI
Clique sur Save to GitHub
Crée un nouveau dépôt
Clique sur Add Changes pour téléverser tout le projet
Connecte ton projet à Hostinger
Retourne sur Hostinger
Choisis Node.js Web App
Clique sur Continue with GitHub
Sélectionne le même dépôt
Hostinger détecte Vite automatiquement (aucun changement requis)
Ajouter la clé API Gemini requise
Ajoute la clé API Gemini comme variable d'environnement
API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY
API_KEY
Clé API Gemini
GOOGLE_API_KEY
Clé API Gemini
GEMINI_API_KEY
Clé API Gemini
VITE_GOOGLE_API_KEY
Clé API Gemini
VITE_GEMINI_API_KEY
Clé API Gemini
Récupérez cette clé dans Google AI Studio
Ouvrir les clés API
https://aistudio.google.com/app/apikey
Déploie ton site + corrige le problème de l'écran blanc
Clique sur Deploy
Connecte ton domaine
Si un écran blanc apparaît, lance le prompt suivant dans Google AI
Prompt pour corriger l'écran blanc
Il se déploie sans erreur, mais en production, il affiche une page blanche…
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 sur GitHub
Hostinger redéploie la mise à jour automatiquement
✨ Workflow final
Résumé final du workflow
Google AI construit ton projet GitHub synchronise les changements Hostinger déploie tout automatiquement Toute mise à jour future dans Google AI → instantanément en ligne sur ton site