Deploy de site estático grátis: Cloudflare, GitHub Pages, Netlify e Vercel
O deploy de site estático pode ser feito de graça, com HTTPS, rede de distribuição global e publicação automática a cada alteração, para sites feitos de arquivos HTML, CSS, JavaScript e imagens. Para portfólios, páginas de pequenos negócios, documentação e muitos sites institucionais, essa é a forma mais rápida, barata e segura de colocar um site no ar. O próprio site da PruPru roda sobre a Cloudflare, publicado automaticamente a partir de um repositório no GitHub.
O que é um site estático
Em um site estático, as páginas já estão prontas no momento em que são publicadas. O servidor apenas entrega os arquivos, sem executar código para montar cada página. Isso traz vantagens:
- Rapidez: os arquivos são servidos de uma rede de distribuição (CDN), perto do visitante.
- Segurança: sem banco de dados e sem código rodando no servidor, há muito menos a ser atacado.
- Custo: planos gratuitos atendem a maioria dos sites pequenos.
- Simplicidade: não há servidor para atualizar.
Estático não significa sem interatividade: formulários podem usar serviços externos ou funções serverless, e o JavaScript roda normalmente no navegador. Sites feitos com geradores (Astro, Hugo, Eleventy) ou com React e Vue em modo de build também geram arquivos estáticos.
Se você está começando, veja HTML e CSS: seu primeiro site.
Comparando as opções gratuitas
| Plataforma | Ponto forte | Observação |
|---|---|---|
| Cloudflare (Pages e Workers) | CDN global, banda generosa, integração com DNS | Também permite código no edge com Workers |
| GitHub Pages | Simples, direto do repositório | Feito para sites estáticos; repositório público no plano gratuito |
| Netlify | Formulários e funções integrados | Limites de banda e minutos de build no plano gratuito |
| Vercel | Excelente para Next.js | Plano gratuito voltado a uso pessoal e não comercial |
Os limites e as condições dos planos gratuitos mudam com o tempo. Confira os termos atuais antes de escolher, principalmente se o site for comercial.
Passo a passo do deploy de site estático
O fluxo é parecido em todas as plataformas:
- Coloque o site em um repositório no GitHub. Veja Git e GitHub para iniciantes.
- Crie uma conta na plataforma e conecte o GitHub.
- Escolha o repositório e informe:
- o comando de build (vazio para HTML puro; npm run build para projetos com ferramentas); - a pasta de saída (por exemplo, a raiz, dist ou public).
- Faça o primeiro deploy. A plataforma gera um endereço provisório.
- A cada push na branch principal, o site é publicado automaticamente.
Muitas plataformas também criam pré-visualizações para cada pull request, com um endereço próprio, o que permite revisar a mudança antes de publicá-la. Veja Git: branches e pull requests.
GitHub Pages em três passos
- No repositório, abra Settings > Pages.
- Em Source, escolha a branch (por exemplo,
main) e a pasta (/ou/docs). - Salve. Em alguns minutos, o site fica disponível em
usuario.github.io/repositorio.
Cloudflare
Na Cloudflare, você pode publicar um site estático conectando o repositório no painel ou usando a ferramenta de linha de comando wrangler. A vantagem extra é poder adicionar código que roda no edge, como redirecionamentos, cabeçalhos de segurança e pequenas APIs, sem um servidor. Veja Cloudflare Workers: o que é.
Ligando um domínio próprio
Um endereço como seunegocio.com.br passa muito mais confiança que um subdomínio da plataforma. Veja como registrar um domínio no Registro.br.
- Na plataforma, adicione o domínio personalizado.
- A plataforma informa os registros DNS necessários (geralmente um CNAME para o
wwwe registros para o domínio principal) ou pede que os servidores DNS sejam apontados para ela. - Configure os registros no painel do seu DNS.
- Aguarde a propagação, que pode levar de minutos a algumas horas.
- O certificado HTTPS é emitido automaticamente.
Depois de publicar, configure o redirecionamento entre a versão com e sem www, para que o site tenha um endereço único.
Cuidados antes de publicar
- Não publique segredos. Tudo o que está em um site estático é público, inclusive arquivos de configuração esquecidos na pasta. Veja variáveis de ambiente e segredos.
- Página 404 personalizada: a maioria das plataformas usa um arquivo
404.html. - SEO básico: títulos, descrições,
sitemap.xmle cadastro no Search Console. Veja Google Search Console para iniciantes. - Desempenho: imagens otimizadas fazem mais diferença do que qualquer configuração. Veja Core Web Vitals.
- Formulários: um site estático precisa de um serviço ou função para receber as mensagens. Veja formulário de contato que funciona.
Quando um site estático não basta
Se o site precisa de login de usuários, área do cliente, carrinho de compras com estoque ou conteúdo atualizado por várias pessoas sem conhecimento técnico, você vai precisar de um back-end, de um CMS ou de uma plataforma pronta. Veja WordPress ou site sob medida. Para a maioria das pequenas empresas, porém, um site estático bem feito resolve com folga.
Sites e sistemas sob medida
A PruPru cria sites rápidos, seguros e preparados para o Google para pequenas empresas e profissionais. Veja os planos e simule o orçamento.
Ver serviços →Perguntas frequentes
Posso hospedar um site comercial de graça?
Em várias plataformas, sim, mas cada uma tem condições próprias. Algumas restringem o uso comercial no plano gratuito. Leia os termos atuais antes de publicar o site de uma empresa.
Preciso saber programar para publicar um site estático?
Para publicar, basta ter os arquivos do site e seguir o assistente da plataforma. Para criar e manter o site, conhecimentos básicos de HTML e CSS ajudam muito.
Quanto tempo leva para o domínio próprio funcionar?
Depois de configurar o DNS, geralmente de alguns minutos a algumas horas. Em casos raros, a propagação pode levar até 48 horas.
Site estático tem HTTPS?
Sim. As principais plataformas emitem e renovam o certificado HTTPS automaticamente, inclusive para domínios próprios.