O que é SSG (Site Estático)?
SSG, sigla de Static Site Generation ou geração de site estático, é a abordagem em que o HTML de cada página é produzido antes de qualquer visitante chegar. O resultado fica salvo em arquivos, e o servidor apenas os entrega quando alguém pede.
O contraste com o modelo tradicional deixa a ideia clara. Em um site dinâmico, cada acesso aciona o servidor: ele executa código, consulta o banco de dados, monta o HTML e responde. Em um site estático, esse trabalho aconteceu uma vez, no build, e o mesmo arquivo pronto serve todos os visitantes.
Três consequências surgem desse modelo. A resposta fica rápida porque não existe processamento por acesso. A hospedagem fica simples e barata porque servir arquivo é a tarefa mais leve de um servidor. E a segurança melhora porque não há banco de dados nem código de servidor expostos a cada requisição.
O termo estático descreve como a página é entregue, sem limitar o que ela contém. Um site estático pode ter formulário, busca e carrinho, tudo resolvido por JavaScript no navegador ou por serviços externos.
Como funciona na prática?
O ciclo de um site estático tem quatro etapas:
- O conteúdo vive em arquivos de texto ou em um headless CMS.
- Um gerador estático, como Next.js, Hugo, Jekyll ou Astro, combina esse conteúdo com os modelos do projeto e produz o HTML de cada página.
- O resultado, uma pasta com HTML, CSS, JavaScript e imagens, segue no deploy para a hospedagem.
- A CDN distribui os arquivos e entrega cada página a partir do ponto mais próximo do visitante.
A publicação funciona assim: o cliente escreve o artigo no painel, salva, e um gatilho dispara um novo build. Minutos depois, a página está no ar. Geradores modernos regeneram apenas as páginas afetadas.
O ponto que exige atenção é a frequência de mudança. Um catálogo com estoque em tempo real sofre no modelo puramente estático, porque cada alteração exige um novo build. Sites de conteúdo, institucionais e blogs se encaixam com naturalidade.
SSG vs SSR vs site dinâmico: qual a diferença?
| Aspecto | SSG | SSR | Site dinâmico com CMS |
|---|---|---|---|
| Quando o HTML é gerado | No build, antes da visita | No servidor, a cada acesso | No servidor, a cada acesso |
| Tempo de resposta | Muito baixo | Depende do servidor | Depende do servidor e do cache |
| Custo de hospedagem | Baixo, apenas arquivos | Servidor ativo permanente | Servidor ativo permanente |
| Conteúdo em tempo real | Exige novo build | Sempre atualizado | Sempre atualizado |
Veredito: o SSG se destaca em conteúdo que muda em ritmo previsível, e as abordagens dinâmicas atendem dados que precisam estar frescos a cada acesso.
Exemplos de uso
- Uma consultoria publica o site institucional e o blog como site estático. O conteúdo vem de um headless CMS, e cada artigo publicado dispara a geração daquela página. A hospedagem custa uma fração de um plano com banco de dados.
- Uma empresa de eventos gera um hotsite de campanha em HTML pronto. A página aguenta um pico de acessos vindo de mídia paga sem servidor sobrecarregado, porque a CDN serve o mesmo arquivo para todo mundo.
- Uma documentação técnica com 400 páginas é gerada no build a partir de arquivos de texto versionados.
Erros comuns
- Escolher SSG para um catálogo com estoque e preço mudando ao longo do dia, sem prever como esses dados serão atualizados.
- Deixar o cliente sem painel de conteúdo, obrigando um desenvolvedor a editar arquivos para cada correção de texto.
- Esquecer que formulários precisam de um serviço externo ou de uma função de servidor para receber os envios.
- Regenerar o site inteiro a cada mudança de vírgula quando o gerador suporta regeneração parcial.
- Tratar o build como detalhe e descobrir só depois que a publicação leva 20 minutos com o volume real de páginas.
Perguntas frequentes sobre SSG (Site Estático)
Site estático pode ter formulário de contato?
Pode. O formulário fica na página normalmente, e o envio vai para um serviço externo de recebimento ou para uma função de servidor sob demanda. O que o site estático não faz é processar o envio sozinho, porque não existe código de servidor rodando por trás dele.
Qual a diferença entre SSG e SSR?
O momento da geração do HTML muda. No SSG, a página é montada durante o build e o mesmo arquivo atende todos os visitantes. No SSR, o servidor monta a página a cada acesso, com dados atualizados naquele instante. O SSG responde mais rápido, o SSR entrega dados frescos.
Site estático é bom para SEO?
O modelo ajuda em dois pontos que os buscadores valorizam: o HTML chega pronto, sem depender de execução de scripts para o conteúdo aparecer, e o tempo de resposta costuma ser baixo. O restante do SEO depende do conteúdo, da estrutura e dos links, como em qualquer site.