Tu primera web, online.
En menos de 5 minutos tendrás tu primera página web publicada en un servidor real.
01
Cloná el proyecto base
Descargá el proyecto de inicio en tu computadora con un solo comando.
Cloná el repositorio
Entrá a la carpeta del proyecto
Clone descarga el código en tu máquina. Un repositorio es una carpeta de código conectada a internet. Ahora tenés el proyecto listo para editar.
02
Abrí el proyecto
Podés usar cualquier editor de código que tengas.
VSCode · Cursor · WebStorm · o cualquier otro
Si usás VSCode, este comando abre el editor directo en la carpeta:
Si no tenés VSCode, simplemente abrí la carpeta desde tu editor favorito.
03
Modificá el sitio
El proyecto tiene 3 archivos principales. Editá los que quieras:
La estructura y el texto de tu web
Los colores, fuentes y estilos
La interactividad y animaciones
Empezá cambiando el título en index.html. Guardá y actualizá el navegador para ver el resultado.
04
Creá tu propio repositorio
Ahora tenés que subir el proyecto a TU GitHub.
https://github.com/new
¿Qué poner en el formulario?
Solo ponés un nombre para tu repositorio, como "mi-primer-site". El nombre no puede tener espacios. No hace falta cambiar ninguna otra opción. Dejalo en público si querés que sea visible, o privado si es solo tuyo. Con eso alcanza.
Por ejemplo:
mi-primer-site
05
Conectá el proyecto a tu GitHub
El proyecto viene conectado al repositorio original de ArduMaker. Tenés que desconectarlo y apuntarlo al tuyo.
Desconectás del repositorio de ArduMaker:
Conectás al tuyo (reemplazá la URL con la que te dio GitHub):
Ejemplo:
Encontrás la URL del repositorio en GitHub, en el botón verde "Code", sección SSH o HTTPS.
06
Subí tus cambios a GitHub
Guardá todo y subilo. Esto mueve tus cambios desde tu computadora hasta GitHub.
Preparás todos los archivos
Creás un punto de guardado
Subís todo a GitHub
Listo. Tu código ya está en la nube. Ahora conectamos el servidor.
07
Creá tu cuenta en ArduMaker
ArduMaker es donde vas a alojar tu web. Con tu cuenta tenés:
- Un servidor real (VPS) con root
- Deploy automático con cada push
- Dirección .arducloud.com con HTTPS
- Agentes de IA que operan por MCP
https://ardumaker.com/login
08
Creá tu servidor
Entrá al panel. En Apps, si todavía no tenés servidor, ves los planes.
Elegí un plan con «Elegir este plan» y confirmá. El servidor se crea solo.
Tarda unos minutos. Mientras tanto podés seguir con el paso siguiente.
Lo que pasa por atrás:
Se prepara el servidor
Se instala lo necesario
Se ponen en marcha los servicios
Listo para usar
09
Abrí el asistente de deploy
En Apps, tocá «Desplegar desde Git». También está en tu servidor, en Deploy, con «Nuevo deploy».
La primera vez te pide vincular tu cuenta de GitHub. Es un clic.
En el primer paso, «Origen»:
Elegí tu repositorio y la rama «main»
Dejá vacía la carpeta de la app si el index.html está en la raíz
Elegí el servidor que creaste y tocá «Siguiente»
10
Seguí el asistente
Son seis pasos y nada se ejecuta hasta que confirmes. Para un HTML puro casi no hay que tocar nada:
Análisis
Lee el repositorio sin ejecutar nada y lo reconoce como sitio estático.
Ejecución
Queda «Sitio estático». El comando para compilar va vacío: un HTML no se compila.
Variables y publicación
No hace falta ninguna variable. En «Publicación» elegí «Una dirección automática», con HTTPS.
Revisión
Te muestra qué va a pasar. Si dice «Todo listo para desplegar», tocá «Desplegar».
Progreso
Mirás el deploy en vivo. Al terminar, «Abrir el sitio» te lleva a tu web.
No hay que configurar nginx ni certificados a mano: se hace solo.
Los pasos del asistente
Origen
11
Probá el deploy automático
Hacé un cambio en tu proyecto, subilo a GitHub y mirá cómo el servidor se actualiza solo.
Editá cualquier archivo (por ejemplo, cambiá un título)
Guardá y hacé push
Mirá el deploy nuevo en Apps, en tu app
Cada vez que hagas push, ArduMaker detecta el cambio y republica tu sitio automáticamente.
12
¡Tu sitio está online!
Tu dominio:
Acabás de usar:
Git
GitHub
Un VPS real
Deploy automático
Un servidor web real
Bienvenido a ArduMaker.
¿Qué sigue?
Agregar imágenes y animaciones
Usar React o Next.js
Usar Django o Node.js
Conectar APIs externas
Usar bases de datos
Copiado
Seguir aprendiendo
Con la primera web publicada, esto es lo que se suele leer después.
Cómo funciona el deploy desde GitHub
Qué hace cada push, los scripts de build y reinicio, y dónde ver los logs.
Tu dominio y sus DNS
Apuntar un dominio propio al VPS y comprobar que resuelve.
Certificados SSL
Cómo se emite y se renueva el HTTPS de cada dominio.
Elegir un plan
Los planes con sus recursos y qué app va en cada uno.
Hacerlo con tu agente de IA
Conectar Claude, ChatGPT o Cursor para que despliegue y revise los logs por ti.
- Cómo funciona el deploy desde GitHub: Qué hace cada push, los scripts de build y reinicio, y dónde ver los logs.
- Tu dominio y sus DNS: Apuntar un dominio propio al VPS y comprobar que resuelve.
- Certificados SSL: Cómo se emite y se renueva el HTTPS de cada dominio.
- Elegir un plan: Los planes con sus recursos y qué app va en cada uno.
- Hacerlo con tu agente de IA: Conectar Claude, ChatGPT o Cursor para que despliegue y revise los logs por ti.