Publica tu
prototipo de Gemini
Toma una página HTML, prototipo React o exportación estática generada con Gemini y publícala como sitio HTTPS real para revisar, compartir y conectar dominio.
Qué salida de Gemini encaja con publicación estática
Gemini puede generar front-end, lógica de app y ejemplos de API en la misma conversación. DeployPages es el destino para la parte front-end estática.
Landing pages HTML
Sube `index.html` y cualquier CSS, JavaScript, imagen o fuente referenciada. Es el camino más rápido para páginas simples.
Prototipos React
Si Gemini genera componentes React o un proyecto Vite, ejecuta el build y sube la carpeta estática generada.
Demos con API de Gemini
Publica aquí el front-end, pero mantén llamadas que requieran claves privadas detrás de un back-end o función serverless.
Docs y mockups de producto
Exports estáticos de docs, páginas de producto, demos internas y prototipos de revisión pueden compartirse como URLs reales.
De Gemini a sitio en línea en tres pasos
Genera el front-end
Pide a Gemini una página estática, prototipo, landing page o interfaz React, y solicita la lista de archivos y dependencias requeridas.
Prepara la salida publicable
Guarda HTML simple directamente o compila React/Vite a una carpeta estática como `dist` antes de subir.
Sube e inspecciona
Suelta los archivos estáticos en DeployPages y verifica rutas, imágenes, errores de consola y llamadas externas en la URL en línea.
Revisa antes de exponer un build de Gemini
Un prototipo generado puede verse listo y todavía contener textos de relleno, archivos rotos o secretos del lado cliente.
Seguridad de claves API
No pongas claves privadas de Gemini ni credenciales de servicio en código de navegador. Usa back-end para llamadas protegidas.
Salida de build
Para proyectos React o Vite, publica la carpeta generada por el build, no archivos fuente ni `node_modules`.
Verificación de archivos
Reemplaza nombres inventados y textos de relleno de imagen por archivos reales o URLs estables antes de subir.
QA en navegador
Abre el sitio en móvil y escritorio, revisa consola y prueba cada enlace o formulario principal.
Problemas comunes con Gemini
El prototipo necesita una clave API de Gemini
Mueve la llamada a un back-end o endpoint serverless. Un front-end estático no puede ocultar una clave privada.
El código React no está listo para navegador
Instala dependencias y ejecuta el build. Sube `dist` o `build` después de empaquetar.
Faltan archivos generados
Pide a Gemini el árbol completo de archivos y crea o reemplaza cada imagen, ícono, hoja de estilos y fuente referenciada.
El formulario o login no funciona
El hosting estático renderiza la UI. Envíos, autenticación, bases de datos y acciones protegidas necesitan un back-end.
Preguntas frecuentes sobre Gemini
¿Puedo subir proyectos largos de varios archivos?
Sí. Si Gemini generó varios archivos front-end, conserva la estructura y sube la carpeta completa.
¿Qué pasa si el código generado tiene un error?
Corrige el código localmente o pide a Gemini una versión revisada y sube el build corregido. No quedas atado a la primera salida.
¿Qué stacks front-end soporta?
HTML estático, React, Vue y la mayoría de salidas que corren en navegador funcionan si el resultado final es un build estático.
¿Puedo publicar una app con API de Gemini?
Puedes publicar el front-end, pero las llamadas privadas a la API de Gemini deben vivir detrás de un back-end o endpoint serverless.
¿Y si Gemini generó una app Next.js?
Expórtala como sitio estático si no necesita funciones de servidor y sube `out`. SSR, API routes y middleware necesitan runtime de servidor.