~/VibeHandbook
PDF grátis

Capítulo 16 · 02

Domínios Personalizados e DNS

Uma *.workers.dev ou *.vercel.app serve para testar, mas você quer o seu próprio nome. O fluxo:

  1. Compre o domínio (Namecheap, Cloudflare Registrar, Porkbun — escolha um).
  2. Aponte o dele para o seu host. Isso geralmente significa adicionar um registro CNAME ou A, ou trocar os nameservers (servidores de nomes) do domínio inteiramente.
  3. Adicione o domínio no painel do seu host e deixe que ele emita um certificado SSL (a carteira de identidade digital que prova que o site é realmente seu e ativa o cadeado e o — a versão segura e criptografada do protocolo de transferência da web) automaticamente.

Um modelo mental rápido para os registros pararem de parecer mágica: um registro A aponta um nome direto para um endereço IP; um CNAME aponta um nome para outro nome (útil quando o IP do host pode mudar sem você perceber); e os nameservers entregam o domínio inteiro a um provedor, para que ele gerencie cada registro para você. A maioria dos hosts modernos prefere um CNAME ou uma troca completa de nameservers — eles querem gerenciar o certificado SSL e o roteamento de borda por conta própria.

Aqui está toda a cadeia que a requisição de um visitante percorre, e onde cada peça que você configurou vive nela:

  visitante digita
  yourdomain.com
       │
       ▼
 ┌───────────┐   "what IP is        ┌──────────────┐
 │  BROWSER  │── yourdomain.com?" ──▶│     DNS      │  ← seu registro A / CNAME
 │           │◀── here's the IP ─────┤  (registrar) │     aponta aqui
 └─────┬─────┘                       └──────────────┘
       │  requisição HTTPS para esse IP
       ▼
 ┌───────────┐   ← certificado SSL prova
 │   HOST    │     que o site é realmente seu
 │ (CF/Vercel)│
 └─────┬─────┘
       │  roteia para
       ▼
 ┌───────────┐
 │  YOUR APP │  serve a página
 └───────────┘

DNS é a parte mais confusa para iniciantes, principalmente por causa do jargão e dos atrasos de propagação. Deixe a IA traduzir. Pergunte: "Meu domínio está registrado no Namecheap e estou hospedando no Cloudflare Pages. Me guie exatamente por quais registros adicionar, quais valores, e como verificar que funcionou." Depois verifique o resultado você mesmo com uma checagem rápida, em vez de apenas atualizar o navegador:

# Verifique os registros que o mundo realmente vê
dig yourdomain.com
nslookup yourdomain.com

# Confirme que o certificado está ativo e não expirado
curl -I https://yourdomain.com

Mudanças de DNS podem levar de minutos a um dia para propagar, e o do seu próprio navegador é o pior mentiroso de todos — ele vai te mostrar alegremente uma resposta desatualizada muito depois do resto da internet já ter atualizado. Se não estiver ativo imediatamente, isso é normal: verifique pelo seu celular usando dados móveis, ou use um verificador online de "propagação de DNS", antes de supor que algo está quebrado.

Quer offline?

Baixe o livro inteiro em PDF ou EPUB — grátis.