(01) O pedido
A Servinel atende os setores industrial, energético, hidráulico e sanitário. Tinha uma apresentação em PowerPoint e precisava de um site sério para licitações, que a própria equipe pudesse manter.
(02) O que faz
- Páginas de serviços, projetos executados, quem somos e contato.
- Galeria de projetos com ficha por obra.
- Editor do site: a equipe muda qualquer texto ou foto e vê o resultado antes de publicar.
(03) Como foi construído
- Exportação estática do Next.js servida pela rede global da Cloudflare: o site público não depende de nenhum servidor ligado.
- Conteúdo em banco como documento JSON com esquema tipado: o site mescla o editado sobre os padrões, então nenhuma seção fica vazia.
- Pré-visualização ao vivo por um canal entre a aba do editor e a do site.
- Imagens no Storage com transformação para WebP.
(04) Segurança
- Editor com login único e regras de acesso por linha no banco: a chave pública só lê.
- Rota do editor excluída dos buscadores.
- CSP estrita e HSTS na Cloudflare.
(05) Velocidade e Google
Site estático: resposta em milissegundos de qualquer país. Dados estruturados de organização.
(06) O que não faz, de propósito
- Não inclui intranet nem gestão de licitações.
(07) Medição real
| Desempenho | Acessibilidade | Boas práticas | SEO | LCP |
|---|---|---|---|---|
| 72 | 96 | 100 | 100 | 12,1 s |
Google PageSpeed Insights, celular, 30 de setembro de 2026. Números sem arredondar para cima; medidos novamente de tempos em tempos. Tabela completa dos 27 sites →
