Pular para o conteúdo
← Todos os projetos

Projeto pessoal · template SaaS · 2026

Onepage

Site one-page para pequeno negócio gerado a partir de um único JSON, em PT ou EN.

código privado
Meu papel
Produto e código
por cliente novo
~30 min
de configuração
1 JSON
idiomas
PT/EN
Exemplo de site one-page de um restaurante fictício
Exemplo fictício

Problema

Muitos restaurantes, barbearias e salões têm boas avaliações no Google, mas nenhum site, ou um site que não abre bem no celular.

Solução

  • Um template one-page por segmento, preenchido só com um arquivo client.json.
  • Cardápio editado pelo próprio dono numa planilha do Google Sheets (CSV), sem painel.
  • Contagem de visitas por QR code ou acesso direto, gravada no Supabase.

Como foi feito

HTML, CSS e JavaScript puros; um build.js em Node injeta textos, cores e scripts no template e gera um único index.html de cerca de 38 KB, publicado no Cloudflare Pages. O guia de replicação prevê gerar a demo em ~3 min e publicar em ~30 min.

Stack

  • HTML
  • CSS
  • JavaScript
  • Node.js
  • Google Sheets
  • Supabase
  • Cloudflare Pages
Exemplo em inglês para uma barbearia fictícia
Exemplo fictício em inglês
Exemplo do restaurante no celular
No celular

Próximo estudo de caso

MOVER · Campus Mauá 3D →

Gêmeo digital de um caminhão autônomo no campus da Mauá, do levantamento topográfico à maquete 3D no navegador.