Se você acabou de desenvolver um site em HTML, CSS e JavaScript, ou até mesmo utilizou frameworks modernos como React, Flutter ou Vue.js, a próxima dor de cabeça geralmente é descobrir onde hospedar tudo isso sem gastar dezenas de reais por mês.

A boa notícia é que, se o seu site for um projeto estático (como um portfólio, uma landing page ou um sistema simples no front-end), você pode usar o GitHub Pages para hospedá-lo totalmente de graça. E mais: você não precisa ficar preso àquele link feio padrão. É perfeitamente possível conectar o seu próprio endereço profissional (ex: seunome.com.br).

Neste guia prático, vou destrinchar as duas etapas desse quebra-cabeça: Como subir o seu código para o GitHub Pages e como configurar o Apontamento de DNS para usar o seu domínio personalizado comprado.

Parte 1: Como Hospedar seu Site no GitHub Pages

O GitHub é a maior plataforma mundial para programadores guardarem e compartilharem seus códigos fonte. O GitHub Pages é um recurso nativo maravilhoso que pega os seus arquivos de código e os transforma em um site funcional rodando na internet.

Passo 1: Criando a Conta e o Repositório

Se você não tem uma conta, acesse github.com e clique em Criar uma conta, no canto superior direito, para criar a sua conta gratuita. Preencha seus dados e valide seu e-mail.
Após fazer o login,você estará no painel principal. Procure pelo botão verde escrito "New" (ou clique no "+" no canto superior direito e vá em "New repository").
Repositório é a pasta raiz online onde o seu site vai morar. Dê um nome claro para ele (ex: meu-site-portfolio).
Deixe a visibilidade como "Public" (Público) para que o Pages funcione. Você não precisa mexer em opções mais avançadas por agora. Apenas clique em "Create repository".

Passo 2: Fazendo o Upload dos Arquivos

Agora que você tem o cofre (o repositório) vazio, precisamos colocar os arquivos finais do seu site lá dentro (certifique-se de que você tem o clássico arquivo index.html na raiz).

Na tela atual do GitHub, clique na pequena opção gráfica "uploading an existing file" (Fazer o upload de arquivos existentes).
O sistema vai exibir uma grande área de arrastar e soltar.
Abra a pasta do seu site no seu computador, selecione todos os arquivos e pastas essenciais (lembre-se: arraste o conteúdo da pasta, não a pasta de fora) e solte dentro do GitHub.
Aguarde a barrinha de preenchimento concluir o trabalho.
Quando finalizar, desça a tela, escreva uma mensagem de atualização rápida (como "Upload inicial do site") e clique no botão verde "Commit changes" para salvar tudo.

Passo 3: Ativando a Magia do GitHub Pages

Os arquivos estão salvos, mas ainda são apenas texto para o GitHub. Vamos ativar o servidor.

No menu superior interno do seu repositório recém-criado, clique na aba "Settings" (Configurações).
No menu do lado esquerdo, desça um pouco e clique na opção "Pages".
Na seção Build and deployment, no campo de seleção "Source", escolha a opção de Branch.
Selecione a branch principal (geralmente chamada de main ou master) e mantenha a pasta como /(root).
Clique em Save.

Atenção: Paciência é a virtude do programador. Após salvar, o GitHub Pages acionará um processo invisível de build que pode levar alguns minutos (ou até uma hora, se for um projeto muito pesado de React ou Flutter). Atualize a página e logo aparecerá uma faixa verde dizendo que o seu site está no ar (Live) em um endereço estruturado como: https://seunome.github.io/meu-site-portfolio/

Se o objetivo era apenas colocar algo no ar para testar, fim de papo! Você já tem um site gratuito. Mas se queremos profissionalizar isso para apresentar aos clientes, vamos para a Parte 2.

Parte 2: Como Colocar seu Domínio Personalizado

Um endereço como seunome.github.io não transmite a mesma confiança corporativa que suaempresa.com.br. Para resolver isso, você precisará investir alguns trocados anuais para comprar o domínio, mas continuará sem pagar absolutamente nada pela hospedagem.

O Que Compreender Antes de Comprar

Você pode comprar o seu nome em lugares como Registro.br, HostGator ou GoDaddy. Regra de Ouro: Não compre pacotes conjugados ("Domínio + Hospedagem") oferecidos incansavelmente por essas empresas. Compre APENAS o domínio. O Registro.br, por exemplo, é direto e lida com domínios .com.br por valores muito acessíveis na casa dos R$ 40,00 anuais.

E o Tal do DNS?

Para a mágica acontecer, precisamos ser os diretores de trânsito: falar para o Registro.br pegar quem digitar o seu domínio e direcionar a pessoa secretamente para as máquinas gratuitas do GitHub. Fazemos isso através do Painel de DNS.

O Passo a Passo Prático do Apontamento

Faça login na empresa onde você comprou o domínio (ex: Registro.br) e procure pela aba "Configurações de DNS" (ou Editar Zona de DNS).
Você precisará criar entradas (records) novas. O GitHub Pages exige que você crie 4 entradas do tipo A (que apontam nomes para endereços IP fixos) usando a tabela fornecida pela plataforma. Crie quatro registros A sem nome (ou com um @ dependendo do painel) e aponte para os IPs oficiais:
- 185.199.108.153
- 185.199.109.153
- 185.199.110.153
- 185.199.111.153
Após isso, crie uma entrada extra para tratar as pessoas que digitarem com "www.". Crie uma entrada do tipo CNAME, coloque www no nome, e aponte o destino estritamente para o seu link bruto do GitHub sem a barra barra (exemplo: seunome.github.io).
Salve as Configurações e Vá Tomar um Café! A propagação de DNS não é instantânea. As torres mundiais de internet precisam ser avisadas do seu novo servidor. Isso leva em média 2 a 4 horas. Não tente seguir o próximo passo antes disso, pois dará erro vermelho.

Voltando ao GitHub para Finalizar

Passadas as horas de propagação DNS, volte à tela do GitHub da qual saímos inicialmente:

Abra seu repositório > "Settings" > "Pages".
Desça até a área de Custom Domain (Domínio Personalizado).
Escreva minuciosamente o endereço que você comprou (ex: suaempresa.com.br) e clique em Save.
O GitHub rodará um selo de DNS Check (Checagem). Se você configurou as entradas A e CNAME certinho na Parte 2 e a internet já processou, ficará Verde Certo (Successful).
Em alguns minutos extras, ative a opção "Enforce HTTPS" (Forçar HTTPS) que fica logo abaixo. Isso obrigará os navegadores a colocarem o super valioso "Cadeado de Segurança" verde ao lado do endereço do seu site, na barra do navegador.

E está no ar! Agora você tem um site hospedado 100% gratuito pelos servidores do GitHub, apresentando a sua própria marca comercial no mundo digital.

Montar e configurar sites, seja de portfólios ou grandes operações de e-commerce, sempre exige lidar com códigos e pontes entre sistemas que nem sempre são práticos.

Se você prefere não se arriscar com a parte técnica e necessita escalar o seu negócio de forma profissional, entre em contato comigo. Juntos, podemos montar algo ao nível que seu negócio merece! 💡