# Adicionando um domínio personalizado na Vercel

Pra quem ainda não conhece a [**Vercel**](https://vercel.com/) e já conhece a [**Netlify**](https://www.netlify.com/) não tenho muito o que dizer, as duas fazem basicamente a mesma coisa, hospedam sites estáticos com deploy automático. Eu achei a interface da segunda mais bonita mas a primeira é mais fácil de “deployar”, porém as diferenças são mínimas, eu escolhi a [**Vercel**](https://vercel.com/) para servir esse blog simplesmente porque está na moda. 🤷‍♂️

O registrar desse tutorial será o [**Google Domains**](https://domains.google/intl/pt-BR_br/) pois foi onde registrei esse meu domínio, na época se bem me lembro somente o Google registrava domínios .dev, o processo é muito simples, mas mesmo assim vou tentar facilitar mais ainda.

## Adicionando seu domínio próprio

Assim que fazemos um deploy na [**Vercel**](https://vercel.com/) recebemos um endereço completamente aleatório para acessarmos nosso site, não queremos isso, queremos acessar através do nosso domínio bonitinho 🥰, para isso precisamos dentro da plataforma da [**Vercel**](https://vercel.com/) fazer os seguintes passos:

### ➡️ 1. Selecione seu projeto

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671768856630/a0640738-4a08-45b5-8de3-1bf9dffdcf1f.png align="center")

### ➡️ 2. Navegue para `Settings`

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671768860080/2ca6b76e-19cf-40c1-b232-791a78813bc5.png align="center")

### ➡️ 3. Selecione o ítem `Domains` no menu ao canto esquerdo

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671768879309/5d63edf5-1f9d-48d8-ab69-9e5f75d369ad.png align="center")

### ➡️ 4. Adicione seu domínio

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671768888233/26967431-17a7-4c31-a600-e14316785a90.png align="center")

### ➡️ 5. Configure o redirecionamento

Você verá um pop-up como esse:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671768912155/14410a81-b839-408b-8e48-8cfae435a7c8.png align="center")

No meu caso como eu quero que o domínio sem o alias **www** seja o padrão do meu site eu escolhi a segunda opção, você também pode escolher a terceira opção e decidir isso mais tarde.

### ➡️ 6. Configurando os nameservers

Você verá uma tela como essa:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671769779607/183d73d8-a8d5-44c6-b6d3-4a26f83caa3a.png align="center")

clique na aba `Nameservers` e copie os endereços fornecidos.

Caso seu domínio seja novo você verá algo parecido com isso:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1671769788855/c7112c11-d7a2-4c86-9f54-c8ee799d4860.png align="center")

clique em **Usar servidores personalizados de nome**. Cole no campo os dois endereços fornecidos pela [**Vercel**](https://vercel.com/) e clique em **Salvar**.

### ➡️ Conclusão

Foi tudo muito simples né? Depois desses passos você vai perceber que a [**Vercel**](https://vercel.com/) fica atualizando a verificação do seu domínio, quando você perceber a frase **Valid Configuration** significa que deu tudo certo e seu domínio está configurado, possa ser que ele demore um pouco para propagar o que é comum, o meu levou várias horas para propagar no Brasil, eu usei a ferramenta [**whatsmydns.net**](http://whatsmydns.net) para fazer as verificações, mas não precisa ser ansioso como eu, deixa rolar, se você seguiu todos os passos em breve seu site estará no ar com o seu domínio próprio.

![](https://media.giphy.com/media/CPyK0LpgSUytcTX8Bm/giphy.gif align="center")

**Referências**:

*   [**Custom Domains - Vercel Documentation**](https://vercel.com/docs/custom-domains#)