Como hospedar um site HTML de graça no Cloudflare Pages e criar e-mail no seu domínio

Se você só precisa publicar uma página institucional, um portfólio ou uma landing page feita em HTML, não faz sentido pagar por uma hospedagem tradicional. O Cloudflare Pages entrega seu site numa das maiores redes do mundo, com HTTPS automático e largura de banda ilimitada, sem custo. E de quebra, o Email Routing da Cloudflare permite criar endereços no seu próprio domínio e encaminhá-los para um e-mail que você já usa.

Neste guia você vai fazer as duas coisas, na ordem: (1) publicar o site e (2) configurar o redirecionamento de e-mail.

O que você vai precisar: Uma conta gratuita na Cloudflare, os arquivos do seu site (pelo menos um index.html – no teste vou usar um que criei para esse post) e um domínio próprio — por exemplo seudominio.com.br. O domínio não precisa ser registrado na Cloudflare (pode ser Registro.br, 101domain, GoDaddy e outros) mas para funcionar o DNS precisa estar na Cloudflare.

Parte 1 — Hospedar o site no Cloudflare Pages

1 – Organize os arquivos do site

Coloque tudo numa única pasta. O arquivo principal obrigatoriamente precisa se chamar index.html — é ele que a Cloudflare abre por padrão. Uma estrutura simples fica assim:

Dica: Se você for enviar por arrasta-e-solta, pode compactar a pasta em um arquivo .zip — a Cloudflare aceita tanto o ZIP quanto a pasta solta.

2 – Crie sua conta e abra o Workers & Pages

Acesse o painel da Cloudflare e crie uma conta gratuita (ou faça login). No menu lateral, COMPUTE clique em Workers & Pages e depois em Create application → Pages → Use direct upload (Upload direto).

3 – Envie os arquivos e de umnome ao projeto.

Escolha um nome (ele vira o endereço temporário nome-do-projeto.pages.dev), clique em Create project e arraste a pasta ou o ZIP para a área de upload. Quando terminar, clique em Deploy site.

4  – Pronto: seu site está no ar

Em poucos segundos a Cloudflare termina o deploy e mostra o endereço seu-projeto.pages.dev. Abra esse link para conferir. O HTTPS (cadeado) já vem ativado automaticamente — você não precisa configurar certificado.

No caso, a pagina de teste é essa: https://witec-cooperati-cloudflare.1-witec.workers.dev/

Atenção ao plano gratuito: A largura de banda é ilimitada, mas há um limite de 500 deploys por mês. Para um site simples isso é mais do que suficiente — cada atualização que você publica conta como um deploy.

5  – (Opcional) Use seu próprio domínio

Para o site responder em seudominio.com.br em vez do endereço .pages.dev, abra o projeto, vá na aba Custom domains e clique em Set up a custom domain. Se o seu domínio já usa a Cloudflare como DNS, ela cria o registro sozinha. Se não, ela mostra exatamente qual registro CNAME adicionar no seu provedor atual.

Pronto, site no ar: (temporariamente pode entrar por aqui – https://witeconline.com.br )

Parte 2 — Redirecionar o e-mail do domínio

Agora vamos fazer com que mensagens enviadas para [email protected] caiam automaticamente no seu Gmail (ou qualquer outro e-mail que você já use). Esse recurso se chama Email Routing e também é gratuito.

Pré-requisito importante: Para o e-mail funcionar, o seu domínio precisa usar a Cloudflare como DNS (o site sozinho não exige isso, mas eu sempre utilizo por padrão, mas o e-mail sim).
Se ainda não estiver, adicione o domínio em Websites → Add a site e troque os servidores DNS no seu registrador.
O e-mail chega no domínio, passa pela Cloudflare e é encaminhado para a sua caixa de entrada pessoal. 

1 – Abra o Email Routing

No painel da Cloudflare, vá em Compute → Email Service → Email Routing e clique em Onboard Domain (ou Get started), escolhendo o seu domínio.

O menu mudou de lugar: Em painéis mais antigos esse recurso aparecia direto como Email → Email Routing dentro do domínio. Hoje ele fica em Compute → Email Service. Se você não encontrar, use a busca no topo do painel por “Email Routing”.

2 – Deixe a Cloudflare adicionar os registros DNS

A Cloudflare vai criar automaticamente os registros necessários: os MX (que dizem ao mundo “os e-mails deste domínio passam pela Cloudflare”) e os TXT de SPF e DKIM (autenticação, que ajuda a não cair em spam). Basta confirmar — você não precisa digitar nada manualmente.

RegistroPara que serve

MX

Direciona os e-mails recebidos para os servidores da Cloudflare

TXT (SPF)

Autoriza a Cloudflare a tratar o e-mail do seu domínio

TXT (DKIM)

Assina as mensagens encaminhadas, melhorando a entrega
Conflito de MX: Se o domínio já tinha e-mail em outro serviço, apague os registros MX antigos. Dois conjuntos de MX ativos ao mesmo tempo causam falha na entrega — a Cloudflare costuma avisar quando detecta isso.

3 – Verifique o e-mail de destino

Em Destination addresses, adicione o e-mail que vai receber as mensagens (ex.: [email protected]). A Cloudflare envia uma mensagem de confirmação para esse endereço — abra-a e clique em Verify email address. Sem essa verificação, o redirecionamento fica desativado.

4  Crie a regra de encaminhamento

Vá na aba Routing Rules e crie uma regra:

CampoO que preencher
Custom address

contato

  (a parte antes do @)

Action

Send to an email

Destination

 (o endereço verificado)

Salve. A partir de agora, tudo que chegar em [email protected] aparece no seu email ou Gmail o que voce escolher.

 

Quer pegar todos os endereços de uma vez?Ative a opção Catch-all em Routing Rules. Assim, qualquer endereço do domínio (vendas@, financeiro@, e até erros de digitação) é encaminhado para o mesmo destino, sem precisar criar uma regra para cada um.

5 – Teste

De outra conta de e-mail (diferente da de destino), envie uma mensagem para [email protected] e confira se ela chega no seu email ou Gmail. Se não aparecer logo, espere alguns minutos para o DNS propagar e dê uma olhada na caixa de spam.

Sobre responder pelo domínio: O Email Routing só recebe e encaminha. Se você responder, a mensagem sai com o seu endereço do Gmail.
Share

    Deixe um comentário

    O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

    © 2019 All Rights Reserved. Cooperati.