← Nível 6 – Chefe de projeto

Lição 3 de 8 ⏱ 35 minutos Premium

Alojamento e o teu primeiro deployment

Carrega o teu site para a internet com GitHub Pages e liga-o ao teu domínio.

Onde vai viver o teu site

Alojamento é o servidor onde o teu site vive. Para um site estático (HTML, CSS, JS – exatamente o que tens construído), o melhor sítio para começar é o GitHub Pages: é gratuito, fiável e já conheces Git.

Vou mostrar-te: deployment no GitHub Pages

  1. Envia o teu projeto para o GitHub (já sabes como: git add ., git commit, git push).
  2. No GitHub, abre o teu repositório → Settings → Pages.
  3. Em «Source», escolhe o ramo main e a pasta / (root).
  4. Guarda – num minuto, o teu site está a correr em your-name.github.io/repo-name.

Feito. O teu site está na internet e o mundo inteiro o pode ver. 🎉

Ligar o teu próprio domínio

Tens um domínio da última lição? Vamos ligá-lo:

  1. No GitHub: Settings → Pages → Custom domain → introduz o teu domínio.
  2. No registador, configura os registos DNS (encontras-nos na documentação do GitHub Pages):
    • um registo CNAME para wwwyour-name.github.io
    • registos A para o domínio sem www → endereços IP do GitHub Pages
  3. Espera – alterações DNS podem demorar até algumas horas a espalhar-se pelo mundo (normalmente só minutos).
💡

Tens um site com servidor próprio (livro de visitas ou chatbot)? O GitHub Pages só trata páginas estáticas – um servidor precisa de outro alojamento (ex. Railway, Render; têm planos gratuitos). O processo é parecido: ligas o repositório e o serviço inicia o servidor. A parte estática do site pode ficar no Pages.

Agora és tu 💪

  1. Faz deploy do teu projeto no GitHub Pages seguindo os passos acima.
  2. Abre o teu site no telemóvel (sem Wi-Fi!) – consegues vê-lo? É assim que o mundo inteiro o vê.
  3. Envia o endereço a uma pessoa (um pai, um amigo) e pede feedback: o que funciona, o que parece estranho.
  4. Se tens domínio, liga-o e verifica que o site corre no teu endereço.
  5. Escreve no LAUNCH.md: o endereço do teu site e a data do primeiro deployment. É um momento histórico!

Verifica: O teu site é acessível de qualquer dispositivo no mundo – no teu endereço GitHub Pages, idealmente no teu domínio. Alguém que não és tu já o viu.

O que ficas a saber desta lição