Deployalo Sites

Crea y publica landing pages profesionales en minutos. Gratis, con SSL automático y dominio incluido.

🚀 Crea tu Landing en 2 Minutos

Opción 1: Crear con IA (Recomendado)

La forma más fácil de crear tu landing page:

1. Ve a deployalo.com/sites
2. Click en "Crear con IA"
3. Describe tu negocio en 1-2 frases (ej: "Soy dentista en CDMX especializado en ortodoncia invisible")
4. Selecciona el estilo y colores que te gusten
5. ¡Listo! Tu landing profesional estará lista en segundos

¿Qué obtienes?

• Landing page completa con secciones de héroe, beneficios, testimonios y contacto
• Diseño profesional y responsive (se ve bien en móvil)
• SEO optimizado para Google
• Botón de WhatsApp flotante
• Formulario de contacto

¿Ya tienes un HTML listo?

Si ya creaste tu landing con ChatGPT, Claude, Lovable, v0 u otra herramienta:

1. Click en "Importar Sitio"
2. Pega tu código HTML
3. ¡Publicado!

Ver guía: Landing con IA - Prompt optimizado para crear landings perfectas.

Opción 2: Importar Sitio Existente

¿Ya tienes una página web? Impórtala fácilmente:

1. Click en "Importar Sitio"
2. Elige cómo importar:
   • URL: Pega la dirección de cualquier página web
   • Archivo: Arrastra un ZIP o HTML
   • Código: Pega tu HTML directamente

¿Qué es Deployalo Sites?

Deployalo Sites te permite publicar sitios web estáticos en segundos. Es perfecto para:

• Landing pages para tu negocio (¡crea una con IA en 2 minutos!)
• Sitios estáticos en HTML, CSS y JavaScript
• Aplicaciones frontend en React, Vue, Next.js, Astro, Svelte, etc.
• Portafolios y páginas personales

Características

Característica	Descripción
🤖 Creador con IA	Describe tu negocio → landing profesional
📥 Importador	URL, ZIP o HTML → sitio online
🔒 SSL Automático	Certificados HTTPS gratuitos
🌐 Subdominio gratis	tu-sitio.sites.deployalo.com
🔗 Dominio propio	Conecta tu dominio personalizado
⚡ Deploy instantáneo	Tu sitio live en segundos
💰 100% Gratuito	Sin costo, sin límites ocultos

Cómo Publicar un Sitio (Método Tradicional)

Subir ZIP

1. Ve a deployalo.com/sites
2. Click en "Importar Sitio" → pestaña "Archivo"
3. Arrastra y suelta tu archivo ZIP
4. Espera a que se construya (si tiene React/Vue) o se copie (si es HTML estático)
5. ¡Tu sitio está live!

Subir Código

1. Click en "Importar Sitio" → pestaña "Código"
2. Pega tu HTML, CSS y JavaScript
3. Click en "Publicar"

Frameworks Soportados

Deployalo Sites detecta automáticamente el framework y ejecuta el build:

Framework	Build Command	Output
React (CRA)	npm run build	build/
React (Vite)	npm run build	dist/
Vue	npm run build	dist/
Next.js	npm run build	.next/ → export estático
Nuxt	npm run build	.output/public/
Astro	npm run build	dist/
Svelte	npm run build	build/
HTML estático	-	Se copia directo

Editar un Sitio Existente

1. En la lista de sitios, haz click en el ícono de lápiz (✏️)
2. Se expandirá un panel con las 3 opciones de subida
3. Sube el nuevo contenido
4. El sitio se actualizará automáticamente

Editor de Código

Para sitios estáticos (HTML, CSS, JS), puedes editar los archivos directamente desde el navegador:

Acceder al Editor

1. Click en tu sitio para ver los detalles
2. Ve a la pestaña "Editor"
3. Selecciona un archivo del árbol de la izquierda
4. Edita con syntax highlighting (Monaco Editor - el mismo de VS Code)

Funciones del Editor

Función	Descripción
Publicar	Guarda y aplica los cambios inmediatamente (Ctrl+S)
Descartar	Revierte los cambios sin guardar
Publicar todo	Guarda todos los archivos modificados
Historial	Ver y restaurar versiones anteriores
Pantalla completa	Expande el editor a toda la pantalla (ESC para salir)

Crear y Eliminar Archivos

• Crear: Click en el ícono + en la barra de archivos
• Eliminar: Hover sobre un archivo y click en el ícono de basura

Historial de Versiones

Cada vez que subes una nueva versión de tu sitio, se guarda automáticamente un backup:

• Se guardan hasta 10 versiones
• Puedes restaurar cualquier versión anterior
• También puedes crear backups manuales desde el modal de historial

Sitios con Framework

Para sitios creados con React, Next.js, Vue, etc., el editor no está disponible porque requieren un proceso de build. Para hacer cambios, sube el proyecto actualizado en la pestaña "Deploy".

Conectar Dominio Personalizado

Paso 1: Configura tu DNS

1. Click en el ícono de enlace (🔗) en tu sitio
2. Ingresa tu dominio (ej: miempresa.com)
3. Click en "Continuar"

Paso 2: Crea el registro A

En tu proveedor de dominios (GoDaddy, Namecheap, Cloudflare, etc.):

Campo	Valor
Tipo	A
Nombre/Host	@
Valor/IP	37.27.11.168
TTL	3600

Paso 3: Espera la propagación

• Los cambios DNS pueden tardar hasta 24 horas
• Normalmente es mucho más rápido (5-30 minutos)
• El certificado SSL se genera automáticamente

Dominio www

Si quieres que www.tudominio.com también funcione:

Campo	Valor
Tipo	CNAME
Nombre/Host	www
Valor	tudominio.com
TTL	3600

Troubleshooting

Mi sitio no carga

1. Verifica el DNS: Usa dnschecker.org para ver si tu dominio apunta a 37.27.11.168
2. Espera propagación: Los cambios DNS pueden tardar hasta 24 horas
3. Revisa el ZIP: Asegúrate de que el index.html esté en la raíz del ZIP

Error de build

1. Verifica package.json: Debe tener el script build definido
2. Dependencias faltantes: Asegúrate de incluir package.json y package-lock.json
3. Node version: Usamos Node 20 LTS

SSL no funciona

1. Espera propagación: El certificado se genera cuando Caddy detecta tráfico
2. Verifica DNS: El dominio debe apuntar correctamente a nuestra IP
3. Prueba sin www: A veces solo un subdominio tiene el certificado

Límites

Plan	Sitios	Tráfico	Storage
Gratuito	Ilimitados	Ilimitado	1GB por sitio

Configuración Avanzada

Para opciones avanzadas como variables de entorno, consulta la guía de Configuración Avanzada.

Comparación con Otros Servicios

Característica	Deployalo Sites	Netlify	Vercel	GitHub Pages
Precio	Gratis	Gratis (límites)	Gratis (límites)	Gratis
Build automático	✅	✅	✅	❌
Dominio custom	✅	✅	✅	✅
SSL automático	✅	✅	✅	✅
En español	✅	❌	❌	❌
Soporte local	✅	❌	❌	❌