Como hospedar seu site no GitHub Pages gratuitamente (Passo a passo)

Neste post explicarei como você pode hospedar o seu site ou blog diretamente no Github, utilizando a funcionalidade GitHub Pages.

Requisitos

Você consegue hospedar alguns modelos de sites no GitHub Pages, mas todos tem a mesma exigência em comum, eles precisam ser arquivos estáticos, pois essa funcionalidade não tem a capacidade de executar arquivos de backend, como NodeJS, PHP, entre outros.

O que pode ser hospedado, então?

• Aplicações desenvolvidas utilizando HTML, CSS e Javascript;
• Frameworks que são capazes de realizar build de arquivos estáticos.
  • Este blog por exemplo, foi gerado utilizando o template ChirpyStarter.
• O repositório precisa ser Público para utilizar no plano gratuito, planos pagos aceitam repositórios privados.

Portanto, tenha em mente estes requisitos iniciais antes de se empolgar com a ideia, ok?

Configurando o GitHub Pages

Sempre valorize as documentações oficiais, principalmente das ferramentas mais populares. O próprio GitHub te fornece um tutorial em Português para os primeiros passos configurando o GitHub Pages.

Como configurar um domínio personalizado no GitHub Pages?

Quando você configura o seu site, o GitHub publica a página em URL seguindo o padrão do nome do repositório, como por exemplo este blog foi inicialmente configurado no destino hugodeaguiar.github.io, que é o mesmo nome do projeto criado no GitHub. Mas tem como configurar o seu próprio domínio!

O domínio já precisa ser seu e você vai precisar ter o acesso para configurar as entradas de DNS. Tendo isso em mãos, basta seguir este tutorial oficial do GitHub para configurar o seu domínio no GitHub Pages.

Se quer mais conteúdos sobre DevOps e hospedagem, acompanhe meu blog!