DEV Community 👩‍💻👨‍💻

Cover image for publicando seu projeto no github pages
tati
tati

Posted on

publicando seu projeto no github pages

Depois de montarmos o nosso projeto e subirmos ele para o repositório no GitHub, é comum querer mostrar o nosso resultado para as pessoas, seja eles familiares e amigos que acompanham o nosso processo ou para recrutadores e conexões no nosso LinkedIn e outras redes sociais. Pensando nisso, que tal colocar seus projetos inicitantes no GitHub Pages?

O que é o GitHub Pages?

O GitHub Pages é um serviço de hospedagem gratuito oferecido pelo GitHub para projetos estáticos, ou seja, que usam HTML, CSS e JavaScript. Para projetos que vão além dessas tecnologias é recomendado um deploy usando outras ferramentas de hospedagem.

Todas os projetos que criamos usando o GitHub Pages fica sob o domínio github.io e referenciando o nosso perfil da rede e o nome do nosso repositório.

Como inicializar o GitHub Pages no meu projeto

Antes de tudo é importante você ter o seu projeto em um repositório no GitHub e atualizado com a última versão que deseja apresentar. Lembrando que a sua página inicial em HTML deve estar nomeada como index.html, caso contrário a sua página não irá subir de forma automática.

  1. Depois de criado o seu repositório e ter dado o comando git push na main, podemos seguir até a aba de Settings, ou Configurações.
    Demonstrativo do menu de um repositório no GitHub

  2. Na aba lateral precisamos encontrar a opção Pages, ou Páginas, que é a penúltima opção do menu.
    Menu lateral das Configurações de um repositório

  3. Em Pages conseguimos configurar como será criado esse nosso projeto e até adicionar um domínio personalizado. No momento queremos usar o próprio domínio do GitHub, então na sessão Source, ou Fonte, precisamos selecionar a branch main que está o nosso projeto:
    Página de Pages do GitHub
    E clicamos em Save, ou Salvar.

  4. Depois de alguns segundos o nosso projeto já estará ao vivo e funcionando no link disponibilizado pelo GitHub Pages.
    Criação de uma página do GitHub criada com sucesso

O interessante do GitHub Pages é que depois de ativado, qualquer alteração que você fizer no seu projeto, a página será atualizada em poucos segundos.

Com o link do seu projeto, você pode adicioná-lo diretamente no seu repositório e também compartilhar no seu LinkedIn e com outras pessoas.

--

Projeto usado neste artigo: Repositório | Live

Top comments (0)

Welcome! What are you learning?

Each week we have a Welcome Thread where we'd love to hear about it!