Do Git ao domínio próprio, publicando um site estático com GitHub Pages e Cloudflare

Publicar uma página HTML é fácil. Manter essa página com um grupo, saber quem alterou cada linha, revisar uma contribuição antes de colocá-la no ar, ligar um domínio próprio ao projeto e proteger a entrega exigem peças que normalmente são ensinadas separadas. O resultado é conhecido: o estudante termina um tutorial com uma página funcionando, mas não consegue reconstruir o caminho quando precisar trabalhar em uma equipe real.

Neste artigo vamos fazer o percurso inteiro. Partiremos de uma pasta vazia, construiremos um histórico com Git, organizaremos a colaboração no GitHub e publicaremos a primeira página no GitHub Pages. Em seguida, repetiremos a publicação com o Cloudflare Pages para compreender como o mesmo repositório pode alimentar duas origens alternativas. Depois registraremos um domínio .br e, no percurso principal, colocaremos o Cloudflare entre a visitante e o GitHub Pages. O site continuará sendo estático, isto é, seus arquivos prontos serão enviados sem um servidor de aplicação nem um banco de dados.

Este artigo analisa quatro fronteiras técnicas diferentes. Separá-las evita uma confusão especialmente perigosa entre registro de domínio, DNS, hospedagem e proxy:

1. O Git registrará a história do projeto, enquanto o GitHub organizará a colaboração.
2. O GitHub Pages transformará os arquivos do repositório em um site público. Como alternativa, o Cloudflare Pages poderá ler a mesma ramificação main e se tornar a origem do site.
3. O Registro.br manterá a titularidade do domínio, e o DNS relacionará nomes aos serviços.
4. O Cloudflare passará a responder pelo DNS e a intermediar o tráfego, enquanto o GitHub Pages continuará sendo a origem dos arquivos.

No exemplo que vamos construir, a atenta leitora deve ter o cuidado de substituir equipe-exemplo, administrador e projetoexemplo.com.br pelos nomes reais dos seus próprios, repositórios, usuários e domínios. Não copie os valores ilustrativos para uma configuração de produção sem fazer essa substituição. Na verdade, não copie nada. Crie seus próprios testes e arquivos. Use a única coisa que a inteligência artificial ainda não tem: imaginação. Ainda é a palavra mágica, ela determina um limite de tempo.

Conteúdo Exclusivo

Quer continuar lendo?

Este artigo completo contém estratégias práticas e dados exclusivos reservados para nossos membros cadastrados.

Continuar com Google Acesso gratuito e instantâneo com sua conta Google