~/Deploy do seu projeto React com Google Domain na Vercel

Buenas,

Recentemente precisei configurar meu domínio adquirido no Google Domain, a minha ideia foi ter toda uma infraestrutura gratuita, tanto o serviço de hospedagem para o meu site quanto o servidor de email.

Para isso resolvi desenvolver o site da minha nano empresa a dalee.dev em Gatsby hospedada no Vercel e utilizando o serviço da Improvmx apontando para o Google Mail.

Como o processo não foi muito simples e não encontrei muito assunto na internet resolvi criar essa documentação para mim e obviamente para compartilhar com o mundo.

Vamos lá!

1 - Configurando o seu domínio no Vercel

Abra as configurações do seu domínio em https://domains.google.com/ e navegue até a seção DNS. Defina o DNS Vercel em vez dos DNS padrão do Google:

Print 01

2 - Adicionando o domínio no projeto Vercel

Abra o painel administrativo do Vercel e clique no botão 'New Project' em seguida será necessário importar seu repositorio github, selecione clicando no botão 'Import'

O vercel vai gerar um subdomínio para testes, algo como:

https://dalee-beta.vercel.app/

Na sessão de domínios clique no botão 'Add'. Escolha a entrada correta na lista e, após algum tempo, você verá seu domínio, como na imagem a seguir.

Print 02

É necessário saber qual entrada DNS criar no Google Domain, então clique na em 'Edit' e depois 'View DNS Records & More for dalee.dev →'

Print 03

Copie o IP do servidor da Vercel, para o próximo passo.

3 - Estamos chegando ao fim

Na interface do google domain vá novamente na aba DNS e navegue até embaixo onde encontrará o container 'Registros de recursos personalizados'. basta apenas criar uma entrada DNS do tipo A com o IP da Vercel.

Print 04

Feito isso, agora temos nosso domínio configurado e apontando para o Vercel.

No próximo post vou trazer uma documentação detalhada de como configurei meus e-mails usando a estrutura do Vercel, o Improvmx e o Google Mail.

Que a força esteja com vocês!


Published Mar 13, 2021 by f0rmig4