Skip to main content
Back to path

Welcome to a Grasp lesson

Create a free account to keep studying and create your own study path.

Lesson 36

Deploy e Acesso: Publicando seu Site

Recommended resources

Olá! Na lição anterior, você iniciou o "lançamento" do seu foguete. Conectou seu código no GitHub à plataforma de lançamento (Vercel) e apertou o botão "Deploy". A contagem regressiva começou, e os motores foram acionados.

Nesta lição, vamos acompanhar a fase final: a chegada à órbita. Nosso objetivo é confirmar que o deploy foi bem-sucedido e acessar a URL pública onde seu site agora vive. Você verá seu projeto Astro pela primeira vez como um site real na internet.

1. Hook (A Trava Mental)

  • Aprendiz: "Mestre, eu cliquei em 'Deploy'. Senti a vibração do processo começando, mas agora tudo está quieto. Aconteceu? Meu site está no ar? Onde eu encontro o link para compartilhar com o mundo?"
  • Mestre: "Acalme-se, jovem construtor. A fase de propulsão terminou. Seu projeto não está mais no solo; ele atingiu a órbita. A Vercel, nosso centro de controle de missão, já nos enviou a confirmação e as coordenadas. É hora de verificar o status da missão e visitar nosso novo posto avançado na web."

2. Deep Dive (A Confirmação do Sucesso)

Após clicar em "Deploy", a Vercel executa uma série de passos: instala as dependências, "constrói" seu site (o build), e o publica na sua rede global. Ao final, se tudo correu bem, você é recebido com uma celebração.

Você verá uma tela de sucesso, muito parecida com esta:

Vercel Deployment Success for Astro Project
Esta imagem é a sua confirmação visual. A Vercel está comemorando o sucesso do deploy do seu projeto. A partir daqui, você pode prosseguir para o painel de controle para gerenciar seu novo site.

Essa tela significa que:

  1. A construção foi um sucesso: Seu código Astro foi transformado em um site estático otimizado.
  2. O site está online: Ele foi distribuído na rede da Vercel e já está acessível.
  3. Uma URL foi gerada: Seu site recebeu um endereço temporário, geralmente no formato nome-do-seu-repositorio.vercel.app.

Embora tenhamos usado a Vercel, o processo em plataformas alternativas como a Cloudflare Pages é conceitualmente idêntico e termina com um resultado semelhante: a confirmação e uma URL pública.

Cloudflare Deployment Success Screen
A tela de sucesso na Cloudflare Pages. Note que o princípio é o mesmo: uma mensagem de sucesso e uma URL pública (`myastroblog.pages.dev`) para acessar o site.

3. O Fazer (Microlearning Prático: Acessando sua URL Pública)

É hora de visitar seu site.

  1. Volte para a Vercel: Se você fechou a aba, acesse vercel.com e faça o login. Você será direcionado ao seu dashboard.
  2. Encontre seu Projeto: No dashboard, você verá seu projeto listado. Ele deve ter uma imagem de preview e um status "Ready". Clique nele.
  3. Visite o Site: Dentro da página do projeto, você verá um grande screenshot do seu site. Clique nesse screenshot ou no link sob a seção "Domains".

Parabéns! Você está agora vendo seu projeto Astro, o template padrão "Hello World", ao vivo na internet. Este é um endereço público que você pode compartilhar.

Para consolidar o que acabou de acontecer, leia a seção que descreve exatamente este momento no guia que vimos na aula anterior.

Vercel Deployment Tutorial: Step-by-Step Guide

Este guia rápido descreve o passo final do processo que você acabou de realizar. Ele reforça a simplicidade de obter uma URL ao vivo.

Leia apenas a seção 'Step 4: First Deployment'. Note como ela descreve o processo que você acabou de vivenciar: a Vercel instala, constrói e publica em uma URL ao vivo, como https://yourapp.vercel.app.

4. Checkpoint (Dica de IA)

  • Mestre: "Você tem uma URL funcional: seu-projeto.vercel.app. Funciona, mas não tem a marca da sua empresa. Como sua expertise em engenharia de contexto o ajudaria a resolver isso?"
  • Aprendiz: "Fácil. Eu não perguntaria à IA 'como eu uso um domínio customizado?'. Isso é genérico. Eu daria contexto: 'Atue como um especialista em DNS e Vercel. Meu projeto Astro está hospedado na Vercel com a URL meu-astro-site-xyz.vercel.app. Eu possuo o domínio meuproduto.com, registrado na GoDaddy. Forneça as instruções exatas, incluindo quais registros DNS (CNAME ou A) eu preciso criar na GoDaddy para que meuproduto.com aponte para o meu site na Vercel, mantendo o SSL automático da Vercel.'"
  • Mestre: "Brilhante. Você transformou a IA de um buscador genérico em um consultor técnico pessoal. Você forneceu a plataforma de origem (Vercel), o destino (seu site), o provedor de domínio (GoDaddy) e o objetivo técnico (apontar o domínio). A IA agora pode gerar um plano de ação preciso, economizando horas de pesquisa em documentações."

Conclusão

A missão foi um sucesso completo. Você não apenas construiu um site localmente, mas o publicou para que qualquer pessoa com o link possa acessá-lo.

  • Key Takeaways:

    • Um deploy bem-sucedido na Vercel (ou Cloudflare) gera uma tela de confirmação e, mais importante, uma URL pública.
    • Seu projeto agora está "vivo" na internet, servido por uma rede global otimizada para velocidade.
    • A URL padrão da Vercel segue o formato nome-do-projeto.vercel.app.

  • Próximo Passo: Seu site está no ar, mas e se você encontrar um erro de digitação ou quiser adicionar uma nova frase? Você terá que repetir todo esse processo de deploy manualmente? Não. Na próxima e última lição deste módulo, você descobrirá a mágica da implantação contínua (CI/CD). Veremos como uma simples alteração no seu código, enviada ao GitHub, acionará automaticamente um novo deploy, atualizando seu site sem que você precise levantar um dedo.