Tutorial: Cómo conectar un subdominio personalizado a un proyecto desplegado en Vercel

Gabriel Gómez Gómez ·

Tutorial: Cómo conectar un subdominio personalizado a un proyecto desplegado en Vercel

  • En este tutorial aprenderás a conectar un subdominio personalizado a un proyecto que ya tienes desplegado en Vercel, usando un registro DNS tipo CNAME.

  • La idea es que tu proyecto pueda abrirse desde una dirección como esta:

  • urlTXT
    https://subdominio.tudominio.com
  • Por ejemplo, si tu dominio fuera:

  • dominioTXT
    gabrielgomez.site
  • y quisieras crear el subdominio:

  • subdominioTXT
    dashboard-metricas
  • entonces la dirección final sería:

  • url-finalTXT
    dashboard-metricas.gabrielgomez.site
  • En tu caso deberás reemplazar gabrielgomez.site por tu propio dominio.

  • 1. Conceptos básicos

  • Antes de configurar el dominio, conviene entender qué significa cada parte.

  • Dominio principal

  • Es el dominio base que compraste o administras.

  • Ejemplo:

  • dominioTXT
    gabrielgomez.site
  • En tu caso sería algo como:

  • dominioTXT
    tudominio.com
  • Subdominio

  • Es una palabra o nombre que se coloca antes del dominio principal.

  • Ejemplo:

  • subdominioTXT
    dashboard-metricas
  • Al unirlo con el dominio principal, queda así:

  • url-finalTXT
    dashboard-metricas.gabrielgomez.site
  • Registro CNAME

  • Un registro CNAME sirve para indicar que un subdominio debe apuntar hacia otro dominio o servicio.

  • En este caso, el subdominio apuntará a Vercel.

  • Ejemplo:

  • cnameTXT
    dashboard-metricas.gabrielgomez.site → cname.vercel-dns.com
  • 2. Agregar el dominio en Vercel

  • Primero debes entrar al proyecto que tienes desplegado en Vercel.

  • Ve a:

  • ruta-vercelTXT
    Vercel → Tu proyecto → Settings → Domains
  • Después da clic en:

  • acciónTXT
    Add Domain
  • Ahí escribe el subdominio completo que quieres conectar.

  • Ejemplo:

  • dominio-vercelTXT
    dashboard-metricas.gabrielgomez.site
  • En tu caso deberás escribir:

  • dominio-vercelTXT
    subdominio.tudominio.com
  • Por ejemplo:

  • ejemplos-subdominioTXT
    app.tudominio.com
    panel.tudominio.com
    dashboard.tudominio.com
    sistema.tudominio.com
  • Después de agregarlo, Vercel revisará si el DNS ya está configurado. Si todavía no lo está, mostrará un aviso parecido a:

  • mensaje-vercelTXT
    Invalid Configuration
  • o:

  • mensaje-vercelTXT
    DNS Record Required
  • No te preocupes, eso significa que falta agregar el registro DNS en tu proveedor de dominio.

  • 3. Obtener el valor CNAME desde Vercel

  • Después de agregar el dominio en Vercel, la plataforma te mostrará una tabla con los datos que debes configurar en tu DNS.

  • Normalmente se verá parecido a esto:

  • tabla-cnameTXT
    Type  | Name / Host | Value / Target
    ----- | ----------- | ---------------------
    CNAME | subdominio  | cname.vercel-dns.com.
  • El dato más importante es el Value o Target.

  • Ejemplo:

  • cname-valueTXT
    cname.vercel-dns.com.
  • En algunos casos, Vercel puede mostrarte un valor más específico, parecido a este:

  • cname-valueTXT
    67a418ff670ce11d.vercel-dns-017.com.
  • Ese valor debes copiarlo exactamente como aparece.

  • 4. Entrar al panel DNS de tu dominio

  • Ahora debes entrar al proveedor donde administras tu dominio. Puede ser:

  • proveedores-dnsTXT
    Namecheap
    GoDaddy
    Cloudflare
    Hostinger
    Google Domains
    cPanel
    Otro proveedor DNS
  • En este ejemplo usaremos la lógica general de Namecheap, pero el proceso es muy parecido en otros proveedores.

  • Busca una sección llamada algo similar a:

  • secciones-dnsTXT
    DNS
    Advanced DNS
    DNS Records
    Zone Editor
    Administrar DNS
    Registros DNS
  • 5. Crear el registro CNAME

  • Agrega un nuevo registro DNS con estos datos:

  • registro-cnameTXT
    Campo          | Valor
    -------------- | -------------------------------
    Type           | CNAME Record
    Host / Name    | el nombre del subdominio
    Value / Target | el valor que te dio Vercel
    TTL            | Automatic o valor por defecto
  • Ejemplo práctico

  • Supongamos que tu dominio es:

  • dominioTXT
    gabrielgomez.site
  • Y quieres crear el subdominio:

  • subdominioTXT
    dashboard-metricas
  • Entonces el dominio final será:

  • url-finalTXT
    dashboard-metricas.gabrielgomez.site
  • En tu DNS deberías agregar algo así:

  • registro-cnameTXT
    Type: CNAME Record
    Host: dashboard-metricas
    Value: cname.vercel-dns.com.
    TTL: Automatic
  • O, si Vercel te dio un valor personalizado:

  • registro-cnameTXT
    Type: CNAME Record
    Host: dashboard-metricas
    Value: 67a418ff670ce11d.vercel-dns-017.com.
    TTL: Automatic
  • 6. Importante: qué poner en “Host”

  • Este punto suele causar confusión.

  • Si el dominio completo será:

  • dominio-completoTXT
    dashboard-metricas.gabrielgomez.site
  • En el campo Host no debes poner todo el dominio completo.

  • Incorrecto:

  • host-incorrectoTXT
    dashboard-metricas.gabrielgomez.site
  • Correcto:

  • host-correctoTXT
    dashboard-metricas
  • Esto es porque el panel DNS ya sabe que estás editando el dominio principal:

  • dominio-principalTXT
    gabrielgomez.site
  • Por eso solo debes escribir la parte del subdominio.

  • 7. Importante: qué poner en “Value”

  • El campo Value es el destino al que apuntará el subdominio.

  • Ese valor lo obtienes desde Vercel, en:

  • ruta-vercelTXT
    Project → Settings → Domains
  • Ejemplo común:

  • cname-valueTXT
    cname.vercel-dns.com.
  • Ejemplo personalizado:

  • cname-valueTXT
    67a418ff670ce11d.vercel-dns-017.com.
  • Debes copiarlo tal como aparece en Vercel.

  • Si aparece con punto final, por ejemplo:

  • cname-valueTXT
    cname.vercel-dns.com.
  • puedes dejarlo con el punto final.

  • 8. Guardar el registro DNS

  • Una vez llenados los campos, guarda el registro.

  • Tu configuración debería quedar parecida a esta:

  • registro-finalTXT
    CNAME Record | dashboard-metricas | cname.vercel-dns.com. | Automatic
  • No borres otros registros existentes como:

  • registros-existentesTXT
    www
    @
    mail
    MX
    TXT
  • Solo agrega el nuevo registro para tu subdominio.

  • 9. Verificar el dominio en Vercel

  • Después de guardar el registro DNS, regresa a Vercel:

  • ruta-vercelTXT
    Project → Settings → Domains
  • Busca el dominio que agregaste.

  • Ejemplo:

  • dominio-vercelTXT
    dashboard-metricas.gabrielgomez.site
  • Vercel intentará verificar la configuración.

  • Si todo está correcto, el dominio aparecerá como configurado correctamente.

  • Puede tardar desde unos minutos hasta varias horas, dependiendo de la propagación DNS.

  • 10. Probar el subdominio

  • Cuando Vercel marque el dominio como correcto, abre el subdominio en el navegador.

  • Ejemplo:

  • urlTXT
    https://dashboard-metricas.gabrielgomez.site
  • En tu caso será:

  • urlTXT
    https://subdominio.tudominio.com
  • Si todo está bien, deberías ver tu proyecto desplegado en Vercel.

  • 11. Verificar desde terminal

  • También puedes verificar el registro DNS desde la terminal.

  • En Windows

  • terminalBASH
    nslookup -type=CNAME subdominio.tudominio.com
  • Ejemplo:

  • terminalBASH
    nslookup -type=CNAME dashboard-metricas.gabrielgomez.site
  • En Linux o Mac

  • terminalBASH
    dig CNAME subdominio.tudominio.com +short
  • Ejemplo:

  • terminalBASH
    dig CNAME dashboard-metricas.gabrielgomez.site +short
  • Si responde con algo como:

  • respuesta-dnsTXT
    cname.vercel-dns.com.
  • o con el valor que te dio Vercel, significa que el DNS ya está apuntando correctamente.

  • 12. Errores comunes

  • Error 1: Poner el dominio completo en Host

  • Incorrecto:

  • host-incorrectoTXT
    Host: dashboard-metricas.gabrielgomez.site
  • Correcto:

  • host-correctoTXT
    Host: dashboard-metricas
  • Error 2: Confundir CNAME con NS

  • Para conectar un subdominio a Vercel normalmente necesitas un:

  • registroTXT
    CNAME Record
  • No necesitas un:

  • registroTXT
    NS Record
  • El registro NS se usa para delegar servidores de nombres, no para apuntar un subdominio normal a Vercel.

  • Error 3: No agregar primero el dominio en Vercel

  • Primero agrega el dominio en:

  • ruta-vercelTXT
    Vercel → Project → Settings → Domains
  • Luego copia el valor que Vercel te indique y agrégalo en tu proveedor DNS.

  • Error 4: Borrar registros existentes

  • No borres registros como:

  • registros-existentesTXT
    www
    @
    MX
    TXT
    mail
  • A menos que sepas exactamente qué hacen.

  • Para este caso solo necesitas agregar un nuevo registro CNAME.

  • Resumen final

  • Para conectar un subdominio a Vercel necesitas hacer esto:

  • En Vercel

  • Agregar el dominio completo:

  • dominio-vercelTXT
    subdominio.tudominio.com
  • Ejemplo:

  • dominio-vercelTXT
    dashboard-metricas.gabrielgomez.site
  • En tu DNS

  • Agregar un registro:

  • registro-cnameTXT
    Type: CNAME Record
    Host: subdominio
    Value: el valor que te dio Vercel
    TTL: Automatic
  • Ejemplo:

  • registro-cnameTXT
    Type: CNAME Record
    Host: dashboard-metricas
    Value: cname.vercel-dns.com.
    TTL: Automatic
  • Resultado final

  • Tu proyecto de Vercel quedará disponible desde:

  • url-finalTXT
    https://subdominio.tudominio.com
  • Ejemplo:

  • url-finalTXT
    https://dashboard-metricas.gabrielgomez.site