O que são Sites Estáticos?

Para quem programa, a ideia de um “site estático” pode parecer um retrocesso aos tempos do HTML puro de 20 anos atrás. Mas, na verdade, a arquitetura de sites estáticos moderna é uma escolha estratégica de infraestrutura.

Como funciona

Em um site dinâmico tradicional, quando um usuário acessa uma URL, o servidor de aplicação processa a requisição, consulta um banco de dados, monta o HTML no servidor e então o entrega ao navegador.

No site estático, esse processo de “montagem” acontece antes do deploy. Ferramentas chamadas Geradores de Sites Estáticos (SSG) — como o Hugo, Jekyll ou Astro — pegam arquivos de conteúdo (geralmente em Markdown) e templates, e geram arquivos HTML, CSS e JS puros.

O resultado final é apenas um conjunto de arquivos que podem ser servidos por qualquer servidor de arquivos simples ou CDNs, sem a necessidade de um servidor de aplicação (Node, Python, PHP) ou um banco de dados rodando em tempo real.

Vantagens principais

1. Performance: Como o servidor apenas entrega um arquivo pronto, o tempo de resposta é quase instantâneo. Não há processamento de lógica ou queries de banco de dados no momento do acesso.
2. Custo: Hospedar arquivos estáticos é extremamente barato (ou até grátis em plataformas como GitHub Pages), já que a carga no servidor é mínima.
3. Segurança: Sem banco de dados ou código executando no servidor, a superfície de ataque é drasticamente reduzida. Não existe SQL Injection se não existe SQL no servidor.

O Trade-off

A principal limitação é a interatividade. Se você precisa de conteúdo que muda em tempo real para cada usuário (como um feed de rede social ou um carrinho de compras), um site puramente estático não resolve sozinho.

Para contornar isso, usamos a abordagem de “estático com pitadas de dinâmico”: o site continua sendo estático, mas consome APIs externas via JavaScript no navegador para lidar com formulários, comentários ou dados dinâmicos.

Gerado automaticamente pelo LUMEN