Cómo desplegar sitios web y apps web de Google AI Studio
Despliega tu sitio web o app web de Google AI paso a paso usando GitHub y Hostinger. Instrucciones simples y claras para poner tu proyecto en línea y dejarlo totalmente funcional.
Hoja de ruta y recursos
Elige el plan de hosting y configura tu sitio
Elige tu plan de hosting
Hostinger Business Plan
Elige el plan que se muestra en el vídeo y continúa con la guía.
RECOMMENDED
https://www.hostg.xyz/SHJ9N
Reclama tu dominio gratis
Completa el pago y la configuración de la cuenta
Crea un nuevo sitio usando Empty PHP/HTML Website
Prepara tu proyecto dentro de Google AI
Abre tu proyecto de Google AI
Pulsa Save to GitHub
Crea un nuevo repositorio
Pulsa Add Changes para subir el proyecto completo
Conecta tu proyecto a Hostinger
Vuelve a Hostinger
Elige Node.js Web App
Pulsa Continue with GitHub
Selecciona el mismo repositorio
Hostinger detecta Vite automáticamente (no se necesitan cambios)
Añadir la API key de Gemini requerida
Añade la API key de Gemini como variables de entorno
API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY
API_KEY
Clave de API de Gemini
GOOGLE_API_KEY
Clave de API de Gemini
GEMINI_API_KEY
Clave de API de Gemini
VITE_GOOGLE_API_KEY
Clave de API de Gemini
VITE_GEMINI_API_KEY
Clave de API de Gemini
Obtén esta clave en Google AI Studio
Abrir claves de API
https://aistudio.google.com/app/apikey
Despliega tu sitio + arregla el problema de pantalla en blanco
Pulsa Deploy
Conecta tu dominio
Si aparece una pantalla en blanco, ejecuta el siguiente prompt en Google AI
Prompt para arreglar la pantalla en blanco
Se despliega sin errores, pero en producción muestra una pantalla en blanco…
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 en GitHub
Hostinger vuelve a desplegar la actualización automáticamente
✨ Flujo de trabajo final
Resumen final del workflow
Google AI construye tu proyecto GitHub sincroniza los cambios Hostinger despliega todo automáticamente Cualquier actualización futura en Google AI → instantáneamente en producción en tu sitio