~/VibeHandbook
PDF grátis

Infraestrutura

pages.cloudflare.com

Hospedagem Estática

O que é

Pense em um folheto impresso: cada cópia é idêntica e está pronta para ser entregue, sem que ninguém precise escrevê-la de novo toda vez que alguém pede uma. A hospedagem estática funciona da mesma forma — ela entrega arquivos já prontos (HTML, CSS, JavaScript, imagens) exatamente como estão, sem nenhum servidor executando seu código a cada requisição. Você constrói seu site uma vez, envia os arquivos resultantes, e o serviço de hospedagem os entrega aos visitantes. É a forma mais simples e barata de colocar um site no ar.

Pontos fortes

  • Extremamente rápida — os arquivos são entregues diretamente, muitas vezes por uma CDN global (Content Delivery Network — Rede de Distribuição de Conteúdo — um conjunto mundial de servidores que mantêm cópias dos seus arquivos perto de cada visitante).
  • Barata ou gratuita; muitos serviços de hospedagem têm planos gratuitos generosos.
  • Confiabilidade sólida como rocha, com quase nada que possa quebrar.
  • Escala sem esforço para grandes picos de tráfego.
  • Muito segura — a ausência de código no lado do servidor significa uma superfície de ataque minúscula.

Contrapartidas

  • Nenhuma lógica de servidor nas requisições; o comportamento dinâmico precisa vir de APIs (Application Programming Interfaces — Interfaces de Programação de Aplicações — pontos de acesso que outros softwares chamam) ou de JavaScript no lado do cliente.
  • Atualizações de conteúdo exigem uma nova build e um novo .
  • Não é adequada, sozinha, para contas de usuário, bancos de dados ou lógica por requisição.
  • O tempo de build cresce em sites muito grandes.
  • Recursos verdadeiramente em tempo real precisam ser acoplados com serviços externos.

Quando usar

A hospedagem estática é ideal para sites institucionais, blogs, documentação, portfólios e o front-end de aplicações de página única (single-page apps). Combine-a com funções ou APIs de terceiros quando precisar de um pouco de comportamento dinâmico.

Encaixe com vibe coding

Este é o pouso mais suave para projetos conduzidos por IA — o deploy costuma ser apenas "dar push em uma do ". Um agente pode montar a estrutura de um gerador de site estático (Astro, Hugo, Next.js export), configurar o comando de build e ajustar o serviço de hospedagem para que cada gere um deploy automático. Dica: peça ao agente para configurar deploy contínuo a partir do seu repositório git, para que você nunca precise fazer upload manual — você apenas comita, e o site no ar se atualiza sozinho. Serviços como Cloudflare Pages, Netlify e GitHub Pages oferecem tudo isso.

# netlify.toml — static site build config
[build]
  command = "npm run build"
  publish = "dist"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200
# Deploy from the command line
npx netlify deploy --prod --dir=dist