Eai dev! Se você está buscando prospectar clientes e oportunidades de trabalho e busca se diferenciar nesse meio da tecnologia, um diferencial muito massa é poder hospedar seu portfólio online e criar um e-mail profissional seunome@suamarca.com.br para atender seus clientes ou recrutadores. Contudo, a maioria das opções presentes no mercado atualmente são caras e não compensam muito para a galera que está dando seus primeiros passos e não possui grana para investir nisso agora.

Diante disso, trago uma solução eficiente com um combo de hospedagem de sites e e-mail profissional gratis!

Para cadastro dos serviços, é ideal que tenhamos um domínio válido para servir de endereço eletrônico. Um domínio é, basicamente, o endereço da sua marca. No meu caso, o leandrofelix.dev.br é o meu domínio que comporta a url base do meu portfólio e o @ do meu email.

Seu domínio pode ser obtidos através de plataformas como o RegistroBR, na qual, após criar uma conta, você possui a opção de buscar domínios livres (que ainda não foram utilizados) e registrá-los como seu, por um período de tempo.

Você já possui um domínio? Caso a resposta à pergunte anterior seja não, você precisa adquirir um através do registro.br. Essa será a única etapa que é paga, eu prometo. Por um valor de R$40,00 por ano, cerca de R$3,33 por mês (valor atualizado de janeiro de 2024).

Vamos lá! Acesse o site e busque pelo domínio desejado, como na imagem abaixo:

Ao clicar em REGISTRAR, o site irá solicitar informações suas para registro do domínio no seu nome ou da sua empresa. siga os passos até chegar na tela de pagamento e finalizar sua compra. E pronto, o domínio já é seu!

A Vercel é uma empresa de hospedagem de serviços web, e utilizaremos ela também para o gerenciamento do domínio, que até então está sendo gerenciado pelo RegistroBR. Para configuração do nosso site, precisamos direcionar o DNS para os servidores da Vercel, na qual vamos hospedar a nossa página. Vamos lá? Crie uma conta através do link vercel.com. Caso já possua conta, pule para o próximo passo.

Com a conta criada, vamos criar nosso projeto do site clicando no botão Add New e, em seguida, em Project.

Após isso, selecione um projeto seu hospedado no Github ou começe com um template da vercel.

A Vercel disponibiza compatibilidade com diversas estruturas de projeto. Para mais detalhes, veja a documentação oficial em vercel.com/docs.

Projeto criado, é hora de adicionar o nosso domínio a esse projeto. Para isso, volte à tela inicial e clique novamente em Add New e selecione a opção Domain.

Após criação do projeto, vamos navegar até o menu Domains, e adicionar um novo domínio.

Após isso, clique em Add, selecione o seu projeto e escreva no popup o domínio que foi registrado e abrirá uma tela semelhante a essa:

Lembra que eu falei que o domínio estava sendo gerenciado pelo RegistroBR? Agora vamos transferi-lo para a vercel. Para isso, selecione a aba NameServers e ative o Vercel DNS.

Essa nova tela te mostrará os registros da Vercel e os que estão atualmente nesse domínio (no seu caso irá mostrar os do RegistroBR).

Acesse novamente o RegistroBR e navegue até o seu domínio.

Clique no domínio e role a tela até chegar na sessão DNS, clique em Alterar servidores DNS e adicione os registros para os que a Vercel forneceu.

Agora salve as alterações e pronto! Agora a Vercel já possui acesso ao seu domínio. Volte à Vercel e veja se o domínio foi adicionado ao seu projeto.

Para criarmos o e-mail profissional, precisaremos hospedar o cliente de e-mail em algum lugar, e esse lugar é a Zoho Mail. Acesse zoho.com/pt-br e crie a sua conta gratuitamente usando um e-mail que você já tenha.

Após criar a conta, role para baixo e selecione a versão gratuita

Conta criada, no painel do administrador, selecione a opção de adicionar domínio existente.

No formulário que aparecer, digite seu domínio e os demais campos que pedir, e vá seguindo até finalizar essa parte.

Ao finalizar, selecione a opção prosseguir para verificação do domínio e você chegará na seguinte tela de verificação de domínio. Nessa tela, você deve copiar o valor txt indicado.

Com o valor em mãos, volte para a Vercel e navegue até a aba Domains e adicione um novo DNS Record do tipo TXT com o valor que foi copiado da Zoho.

Com o valor em mãos, volte para a Vercel e navegue até a aba omains

Volte para a Zoho e seu domínio já deve ter sido validado. Siga os passos lá descritos até chegar à parte de Mapeamento de DNS.

As informações dessa sessão são os registros que devem ser adicionados à vercel.

Vamos começar pelas do tipo MX. A Vercel possui um preset de domínios da zoho que pode ser facilmente adicionado clicando em Add Email Preset. Essa validará os registros MX necessários.

Os registros que faltam são do campo e-mail. O SPF deve ser adicionado com o valor no campo value. O DKIM, por sua vez, deve ter o campo host adicionado do subdomain e o valor no campo value.

Após isso, seu email já estará disponível para acessar a caixa de entrada!

Eai dev? Agora você possui um site e um email vinculado ao seu domínio de forma totalmente gratuita!