Como criar sites profissionais sem banco de dados

Por que tantos sites usam banco sem precisar

Sistemas como o WordPress guardam tudo num banco de dados, até o texto da página "Sobre nós", que muda uma vez por ano. A MDN explica que, no site dinâmico, as páginas são criadas inserindo dados do banco em modelos HTML. Isso acontece a cada visita, a menos que haja cache.

Para um blog com milhares de posts e uma equipe de autores no painel, o modelo faz sentido. Para a padaria do bairro, com cinco páginas e um cardápio, é estrutura demais. O banco precisa de senha, backup, atualização e uma hospedagem com suporte a ele.

Onde o conteúdo fica num site sem banco

Pense no site como uma pasta organizada. Cada tipo de conteúdo tem o seu lugar, e tudo vai para o GitHub. Segundo a documentação do GitHub, o Git é um sistema de controle de versão que rastreia as mudanças nos arquivos.

meu-site/
  index.html
  sobre.md
  posts/
    2026-11-abrimos-aos-domingos.md
  _data/
    servicos.json
    equipe.json
  img/

Textos corridos vão em Markdown, um formato de texto simples em que um jogo da velha vira título. Dados que se repetem com a mesma forma, como cada serviço com nome, descrição e preço, vão em JSON.

Como usar JSON no lugar do banco

A MDN descreve o JSON como um formato de texto para dados estruturados, baseado na sintaxe de objetos do JavaScript. Um arquivo de serviços fica assim:

[
  { "nome": "Limpeza de estofados", "descricao": "Sofá de 2 e 3 lugares", "destaque": true },
  { "nome": "Limpeza de colchão", "descricao": "Solteiro, casal e king", "destaque": false }
]

Há três jeitos de transformar esse arquivo em página.

1. No navegador, com JavaScript. A MDN mostra como ler o arquivo com fetch e converter a resposta com response.json(). O script monta a lista na tela depois que a página carrega.
2. Na geração do site. Um gerador como o Eleventy lê o JSON antes da publicação e escreve o HTML já com a lista. A documentação do Eleventy explica que cada arquivo JSON da pasta _data vira um dado global, com o nome do arquivo como chave.
3. Na mão, para listas curtas. Com três serviços, escrever direto no HTML é o mais simples.

No primeiro jeito, o JSON precisa estar numa pasta que vai para o ar, como dados/ na raiz do site. A pasta _data do Eleventy não é publicada.

const resposta = await fetch("/dados/servicos.json");
const servicos = await resposta.json();
document.querySelector("#servicos").innerHTML = servicos
  .map((s) => `<li><strong>${s.nome}</strong>: ${s.descricao}</li>`)
  .join("");

O segundo jeito costuma ser o melhor. A página chega pronta, sem esperar script, e os buscadores leem a lista no HTML. No Eleventy, o arquivo _data/servicos.json fica disponível como servicos em qualquer modelo. O guia de geradores de sites estáticos com Eleventy mostra o projeto do zero.

E o formulário de contato?

Formulário não exige banco. A MDN explica que o atributo action do elemento form indica o endereço que processa o envio, e o method define se os dados vão como GET ou POST.

<form action="/api/contato" method="post">
  <label for="nome">Nome</label>
  <input id="nome" name="nome" required>
  <label for="msg">Mensagem</label>
  <textarea id="msg" name="mensagem" required></textarea>
  <button type="submit">Enviar</button>
</form>

O endereço /api/contato pode ser uma função que recebe os dados e manda um e-mail, sem guardar nada. A Cloudflare cita o tratamento de envio de formulário entre os usos do Pages Functions, que roda código no servidor sem servidor dedicado. O passo a passo está em funções dinâmicas com Cloudflare Workers.

Para o negócio local, um botão de WhatsApp costuma resolver o contato sem formulário nenhum.

Quando o banco de dados passa a ser preciso

A MDN lista o que o código no servidor permite fazer: personalizar o conteúdo para cada usuário, guardar preferências, restringir acesso a usuários autorizados e manter sessões de quem está logado. Quando o seu site precisa de uma dessas coisas, ele precisa de dados gravados em algum lugar.

Chegar a um desses sinais não obriga a refazer o site. A parte estática continua, e só o trecho dinâmico chama uma função ligada a um banco. A Cloudflare descreve o D1 como um banco gerenciado e sem servidor, com a semântica SQL do SQLite, que você acessa a partir do Workers e do Pages.

Como fica a rotina de atualização

Imagine uma clínica de estética que muda a tabela de procedimentos duas vezes por ano e publica um aviso por mês. Sem banco, a rotina é curta e cada passo deixa rastro no histórico do Git.

1. Abra o arquivo procedimentos.json no editor ou no próprio site do GitHub.
2. Troque o texto ou acrescente o item novo, seguindo o mesmo formato dos outros.
3. Salve com um commit que diga o que mudou, como "atualiza tabela de procedimentos".
4. Aguarde a plataforma de publicação gerar a nova versão.
5. Abra o site no celular e confira a lista.

Se algo sair errado, você volta ao commit anterior e o site antigo reaparece. Não existe backup de banco para restaurar nem versão de plugin para desfazer. Quem prefere não tocar em arquivo pode combinar que a pessoa que criou o site faça essas trocas.

Cuidados de quem dispensa o banco

1. Nunca coloque dados de clientes, senhas ou chaves num JSON publicado. Tudo na pasta pública pode ser baixado.
2. Proteja a conta do GitHub com senha forte e autenticação em dois fatores.
3. Mantenha o JSON enxuto: dezenas ou poucas centenas de itens.
4. Valide o JSON antes de publicar. Uma vírgula a mais quebra a lista inteira.
5. Registre cada mudança com um commit que diga o que mudou.

Os detalhes de proteção estão em segurança de sites estáticos. Se você ainda está decidindo entre estático e dinâmico, a resposta sobre sites estáticos compara os dois modelos. O pilar criar sites sem WordPress junta tudo, e o índice está na resposta do Mundo Criação de Sites. Para outros temas, comece pela resposta.

Não quer montar sozinho?

A gente cria o seu site em HTML puro, sem banco de dados e sem plugin, sem cobrar pela criação. A condição é contratar uma hospedagem de sites da HostGator em ciclo anual pelo link do MundoBlá e depois chamar no WhatsApp. O MundoBlá recebe uma comissão da HostGator quando você contrata pelo link, sem custo extra para você.

Hospedagem e domínio você paga direto à HostGator. O escopo do site é combinado no WhatsApp antes de começar.

Em outros Mundos

Se você quer entender bancos de dados para o dia em que o site precisar de um, o Mundo Tecnologia explica os conceitos sem jargão.