Diseña tu portal web en segundos con el agente inteligente de Arena AI y súbelo a internet de forma 100% gratuita. Todo desde un único tutorial interactivo.
Usa el modo agente inteligente de Arena AI para diseñar y maquetar tu portal web sin escribir una sola línea de código, interactuando por chat.
¿No sabes qué pedirle? Tenemos ejemplos de prompts listos para copiar y consejos prácticos para crear los tuyos propios.
Un repositorio es como la carpeta inteligente donde GitHub guardará tu proyecto de Arena AI para poder servirlo en Internet.
Es el momento de arrastrar los documentos y recursos que tu IA Arena ha estructurado para tu página directamente a la nube.
Es el momento de decirle a GitHub que interprete tu repositorio público como un portal de Internet accesible para todo el mundo.
¡El gran momento! Tu página ha sido desplegada en un servidor en la nube de alta disponibilidad y es accesible desde cualquier rincón del mundo.
Has creado tu web con Arena AI y la has publicado de forma gratuita en GitHub Pages.
Si le pides mejoras a la IA de Arena, no necesitas crear otro repositorio. Puedes actualizar el diseño actual sobrescribiendo los archivos existentes. Tienes dos métodos para hacerlo:
El método clásico: descargas el proyecto desde Arena AI a tu ordenador y arrastras los archivos a GitHub.
Inicia sesión en GitHub, busca tu repositorio en la lista de la izquierda y haz clic en él para abrir la vista de archivos.
En la parte superior derecha de la lista de tus archivos, localiza el botón desplegable que dice Add file , haz clic en él y selecciona Upload files.
Arrastra tus archivos modificados al área de carga. Clave: Tienen que llamarse exactamente igual que los anteriores (por ejemplo, index.html) para que el sistema los reemplace automáticamente.
Baja hasta la sección Commit changes, escribe una breve descripción de tus cambios (ej. "Actualización de diseño con Arena") y haz clic en el botón verde. En 1-2 minutos la web se actualizará sola.
Este truco te ahorra tener que descargar y subir archivos. Simplemente copias el código HTML que ves en Arena AI y lo pegas directamente en GitHub.
Cuando el agente de Arena termine de generar tu web, pulsa el botón </> para ver el código HTML en pantalla. Luego haz CTRL + A para seleccionar todo el código y CTRL + C para copiarlo al portapapeles.
Entra a tu repositorio en GitHub, navega hasta el archivo que quieres actualizar (index.html u otro) y haz clic en él. Luego pulsa el icono del lápiz Edit this file (arriba a la derecha del código).
Una vez en el editor: CTRL + A para seleccionar todo el contenido antiguo, CTRL + V para pegar el nuevo código de Arena, baja hasta Commit changes, escribe una descripción (ej. "Actualización de diseño con Arena") y haz clic en el botón verde Commit changes. ¡En 1-2 minutos tu web estará actualizada!
Consejo: Este método es ideal cuando solo has modificado el archivo index.html. Si tu proyecto tiene varios archivos (CSS, JS, imágenes), el Método 1 (descargar y subir) puede ser más cómodo para no tener que copiar y pegar uno por uno.
Cuando tu proyecto crezca o hagas actualizaciones muy frecuentes, te resultará más cómodo utilizar la consola de comandos de Git.
git init
git add .
git commit -m "Mi primer commit de Arena"
git branch -M main
git remote add origin https://github.com/TU-USUARIO/TU-REPOSITORIO.git
git push -u origin maingit add .
git commit -m "Actualizando contenido de Arena AI"
git push origin mainComando copiado
Listo para pegar en tu consola.