Article image
Dimas Souza
Dimas Souza09/07/2025 13:21
Compartilhe

🌐 GitHub Pages: Hospede seu site de graça (e com domínio próprio!)

  • #GitHub

🚀 O que é o GitHub Pages?

O GitHub Pages é um serviço gratuito do GitHub que permite hospedar sites estáticos — ou seja, feitos com HTML, CSS e JavaScript — direto de um repositório. É perfeito pra portfólios, blogs, documentações ou qualquer projeto que não dependa de back-end.

🛠️ O que dá pra hospedar?

O GitHub Pages só suporta arquivos estáticos, então nada de PHP, Python ou banco de dados. Mas se o seu projeto for feito com:

  • HTML
  • CSS
  • JavaScript puro ou frameworks front-end (como React, desde que seja buildado)
  • Imagens, fontes e outros arquivos estáticos

...então você tá pronto pra subir!

📦 Como hospedar seu site no GitHub Pages

  1. Crie um repositório no GitHub com os arquivos do seu site.
  2. Vá em Settings > Pages.
  3. Em Source, selecione a branch (geralmente main) e a pasta (/root ou /docs).
  4. Clique em Save e pronto! Seu site estará disponível em:
https://seu-usuario.github.io/nome-do-repositorio

🌍 Usando um domínio personalizado

Quer deixar seu site com a sua cara, tipo www.meusite.com? Dá pra fazer!

  1. Compre um domínio em um serviço como Registro.br, GoDaddy, Google Domains etc.
  2. No seu repositório, crie um arquivo chamado CNAME (sem extensão) e coloque dentro dele o seu domínio:
www.meusite.com
  1. Vá até o painel de DNS do seu domínio e adicione um registro CNAME apontando www para:
seu-usuario.github.io
  1. No GitHub, em Settings > Pages, digite seu domínio em Custom domain e ative o Enforce HTTPS.

Pronto! Agora seu site está no ar com um domínio personalizado e seguro.

✅ Vantagens do GitHub Pages

  • Gratuito (sem pegadinhas)
  • HTTPS incluso
  • Alta disponibilidade
  • Integração com Git (deploy automático com cada push)
  • Domínio personalizado sem custo extra

⚠️ Limitações

  • Só aceita sites estáticos
  • Limite de 1 GB por repositório
  • Sem suporte a back-end ou banco de dados
  • Não recomendado para sites comerciais com alto tráfego
Compartilhe
Comentários (0)