Como colocar um site no ar sem pagar hospedagem (em 2026)

Hospedar um site custava caro. Você alugava um servidor, pagava mensalidade de hospedagem compartilhada, lidava com painel cPanel, configurava banco de dados manualmente.

Em 2026, hospedar um site estático é de graça — com HTTPS automático, CDN global e deploy automático a cada git push. Este guia mostra o processo completo, do zero ao ar, em menos de 30 minutos.

O que é um site estático

Antes de começar, é importante entender o que você está hospedando. Um site estático é qualquer site onde o servidor entrega arquivos HTML, CSS e JavaScript pré-compilados — sem processar nada no momento do acesso.

Exemplos de sites estáticos:

• Sites de portfólio
• Blogs e sites de conteúdo (como este)
• Landing pages
• Documentação técnica
• Sites de apresentação de produto

Exemplos que NÃO são estáticos (precisam de backend):

• Lojas virtuais com carrinho em tempo real
• Redes sociais
• Aplicativos com autenticação complexa

A maioria dos sites pessoais e empresariais entra na categoria estática — ou pode ser reformulada para entrar.

Por que Cloudflare Pages

Existem várias opções de hospedagem estática gratuita. O Cloudflare Pages é a melhor escolha para a maioria dos casos por três razões:

1. Largura de banda ilimitada no free tier (Vercel e Netlify têm limites)
2. CDN de 300+ pontos de presença — seu site carrega rápido no Brasil, na Europa e nos EUA
3. Deploys automáticos via GitHub — push na main = site atualizado em menos de 1 minuto

Passo 1 — Criar o projeto local

Vamos usar Astro, que é a melhor opção atual para sites estáticos. Mas a lógica funciona igual para qualquer gerador: Next.js (export estático), Hugo, Eleventy, Jekyll.

npm create astro@latest meu-site -- --template minimal --typescript strict

Responda as perguntas do assistente:

• “Would you like to install dependencies?” → Yes
• “Initialize a new git repository?” → Yes

Acesse a pasta e teste localmente:

cd meu-site && npm run dev

Abra http://localhost:4321 e você verá o site funcionando localmente.

Passo 2 — Subir para o GitHub

O Cloudflare Pages vai conectar diretamente ao seu repositório GitHub. Você precisa criar um repositório e fazer o push do projeto.

Crie um repositório novo no GitHub (pode ser público ou privado — o Cloudflare Pages lê os dois).

git remote add origin https://github.com/SEU-USUARIO/meu-site.git

git push -u origin main

Passo 3 — Criar o projeto no Cloudflare Pages

1. Acesse pages.cloudflare.com e faça login (ou crie uma conta gratuita)
2. Clique em “Create a project”
3. Escolha “Connect to Git”
4. Autorize o Cloudflare a acessar seu GitHub e selecione o repositório meu-site

Configurar o build

O Cloudflare precisa saber como compilar seu projeto. Para Astro:

Clique em “Save and Deploy”. O primeiro deploy leva cerca de 1-2 minutos.

Ao final, você recebe uma URL no formato meu-site-abc.pages.dev. Seu site está no ar.

Passo 4 — Domínio próprio (opcional mas recomendado)

O subdomínio .pages.dev funciona, mas um domínio próprio é essencial para projetos sérios.

Opção A — Você ainda não tem um domínio

Registre no Registro.br para domínios .com.br (~R$ 40/ano) ou em qualquer registrador internacional para .com (~USD 10/ano). O Cloudflare Registrar (cloudflare.com/products/registrar) oferece domínios .com pelo preço de custo, sem markup.

Opção B — Você já tem um domínio

Você vai adicionar o domínio no Cloudflare Pages e configurar o DNS.

No painel do Cloudflare Pages:

1. Abra seu projeto → “Custom domains” → “Set up a custom domain”
2. Digite seu domínio (ex: meusite.com.br)
3. O Cloudflare mostra os registros DNS que você precisa adicionar

Se o seu domínio já está no Cloudflare (o recomendado), os registros são adicionados automaticamente. Se está em outro registrador, você adiciona um registro CNAME apontando para meu-site.pages.dev.

Por que mover o DNS para o Cloudflare

Mover o DNS para o Cloudflare (gratuito) desbloqueia:

• Proteção DDoS automática
• Cache de borda (site mais rápido)
• Configuração de redirects sem código
• HTTPS automático e forçado

O processo: no painel do Cloudflare, clique em “Add a site”, insira seu domínio e siga as instruções para apontar os nameservers do seu registrador para o Cloudflare.

Passo 5 — Deploy automático

A partir daqui, o fluxo de publicação é:

git add . && git commit -m 'update content' && git push

Isso é tudo. O Cloudflare Pages detecta o push, roda o build e publica o site em ~1 minuto. Você pode ver o status em tempo real no painel do Cloudflare Pages.

Otimizando para performance

Com o site no ar, algumas configurações que fazem diferença real no PageSpeed:

HTTPS forçado

No Cloudflare: SSL/TLS → Edge Certificates → habilite “Always Use HTTPS” e “Automatic HTTPS Rewrites”.

Cache agressivo

No Cloudflare: Caching → Cache Rules → crie uma regra para assets estáticos (/assets/*) com cache de 1 ano. O Astro gera arquivos com hash no nome, então o cache longo é seguro.

Compressão automática

O Cloudflare comprime automaticamente com Brotli e Gzip. Nada a configurar.

Checklist final

Antes de divulgar o site, verifique:

• Site abre em https:// (não http://)
• www.seudominio.com redireciona para seudominio.com (ou o inverso)
• Todas as páginas carregam sem erro
• PageSpeed Insights mobile ≥ 90 em Performance
• robots.txt acessível em /robots.txt
• Nenhuma imagem quebrada

Quanto custa no final

Total real: menos de R$ 4/mês, e isso só pelo domínio.

Próximos passos

Com o site no ar, o próximo nível é adicionar funcionalidades dinâmicas sem perder a performance estática. O guia O que é cloud computing na prática explica as ferramentas que tornam isso possível.

Para um exemplo completo de como esse site foi construído, veja o projeto Construindo o Mundo Nuvem.