Publica tu página de Lovable con tu propio dominio

Lo que vas a lograr con esta guía: tomar la página que creaste en Lovable y publicarla en internet con tu propio dominio (tunegocio.com) sin pagar ni un peso de hosting. El truco está en usar GitHub y Vercel, dos herramientas profesionales que son completamente gratuitas para este caso de uso.

Paso 1 — Conecta tu proyecto de Lovable con GitHub

GitHub es una plataforma donde se almacena el código de tu página. Lovable tiene integración directa con GitHub, así que en lugar de exportar archivos manualmente, simplemente lo conectas con un clic y tu código queda sincronizado automáticamente.

1. Abre tu proyecto en Lovable (lovable.dev) y asegúrate de que la página esté lista tal como la quieres publicar.
2. Busca el botón de GitHub en el botón “+” en la parte inferior de Lovable. Generalmente aparece con el ícono de GitHub y agrega una nueva cuenta.
3. Haz clic en ese botón. Si no tienes cuenta de GitHub, Lovable te va a redirigir para que te crees una. El registro es gratuito y solo necesitas un correo.

4. Lovable te pedirá un selecciones en donde quieres instalar Lovable, solo selecciona tu cuenta, selecciona que esté en todos los repositorios y continúa seleccionando instalar y autorizar.

5. En menos de un minuto, Lovable habrá creado un repositorio nuevo de tu proyecto nuevo que creaste en Lovable y subido todo el código de tu página al repositorio de GitHub.

Paso 2 — Publica tu página con Vercel

Vercel es la plataforma de hosting gratuita que va a tomar tu código de GitHub y convertirlo en una página web accesible desde cualquier lugar del mundo. El proceso es completamente automático.

1. Abre una nueva pestaña y ve a vercel.com.
2. Haz clic en «Sign Up» y regístrate con tu cuenta de GitHub. Esto conecta Vercel directamente con tus repositorios.

3. Una vez dentro del dashboard de Vercel, haz clic en «Add New Project» o «Import Project».

4. Vercel te mostrará una lista de todos tus repositorios de GitHub. Busca el que creaste en el Paso 1 y haz clic en «Import».

5. Vercel detectará automáticamente el tipo de proyecto. No cambies ninguna configuración. Solo haz clic en «Deploy» y espera.

6. En menos de un minuto verás una animación de confeti y la confirmación de que tu página está publicada. Vercel te asignará una URL gratuita con el formato «mi-negocio-web.vercel.app». Esa URL ya funciona — tu página está en internet.

Paso 3 — Conecta tu dominio propio

Este es el paso final. Vas a decirle a tu dominio (tunegocio.com) que cuando alguien lo escriba en el navegador, apunte a tu página en Vercel. Esto se hace con unos registros DNS — suena técnico pero son básicamente dos líneas que copias y pegas.

Parte A — Agrega tu dominio en Vercel

0. Dentro del dashboard de Vercel, entra a tu proyecto y ve a la pestaña «Settings» (Configuración).

1. En el menú izquierdo busca «Domains» y haz clic.

2. Busca el botón para agregar un dominio, escribe tu dominio en el campo de texto (ejemplo: tunegocio.com) y haz clic en «Add o Save».

3. Vercel te mostrará los registros DNS que necesitas configurar. Verás algo así:

Parte B — Configura los DNS en donde compraste tu dominio

1. Abre en otra pestaña el panel de control de donde compraste tu dominio (Namecheap, GoDaddy, Google Domains, etc.) e inicia sesión.
2. Busca la sección de gestión de DNS. Dependiendo de la plataforma puede llamarse «DNS Management», «Manage DNS», «DNS Records» o simplemente «DNS».

3. Agrega el primer registro: Tipo A, Nombre @ (o deja el campo vacío si no acepta @), Valor 99.99.99.99 (usa el que te dio Vercel). Haz clic en guardar.
4. Agrega el segundo registro: Tipo CNAME, Nombre www, Valor cname.vercel-dns.com (usa el que te dio Vercel). Haz clic en guardar.

5. Regresa a Vercel. En la sección de Domains verás que el estado cambia de «Invalid Configuration» a «Valid Configuration» con una palomita verde. Esto puede tardar entre 5 minutos y 48 horas dependiendo del proveedor de dominio — la mayoría lo resuelve en menos de 1 hora.

Verificación final — Tu checklist antes de compartir la URL

• Entra a tunegocio.com desde tu navegador y verifica que carga tu página
• Prueba también www.tunegocio.com — debe redirigir al mismo lugar
• Abre la página desde tu celular para confirmar que se ve bien en móvil
• Verifica que el candado de seguridad (HTTPS) aparece en la barra del navegador — Vercel lo activa automáticamente y es gratis
• Comparte la URL con alguien de confianza para que la pruebe desde otra red