Confiança sem promessa, organizada por área.
O escritório Valéria Lauande Advogados, de São Luís, atua em várias frentes do direito. O site precisava mostrar essas frentes com clareza, dar ao escritório um blog que ele mesmo publica e respeitar as regras da OAB e da LGPD em cada texto.
- Componentes próprios
Nenhuma biblioteca de UI de terceiros: 26 componentes com os tokens da marca, Newsreader nos títulos e Manrope no texto.
- Áreas em mapa
Uma página dedicada mostra as três frentes em diagrama e detalha cada área com os serviços que ela inclui.
- Blog com painel
Artigos em MDX, criados e editados em /admin por server actions, atrás de autenticação.
As telas, como foram construídas.
Capturas e gravações do produto rodando, sem montagem.
Como o sistema se organiza.
Camadas da aplicação e a estrutura real do repositório.
- WebNext.js 16 · React 19 · TypeScript estrito · Tailwind CSS 4
- ConteúdoBlog em MDX lido com gray-matter · dados do escritório num arquivo tipado
- Painel/admin com server actions e autenticação no middleware
- PublicaçãoCloudflare Workers via OpenNext · build standalone para VPS
- ConformidadeTextos sem promessa de resultado (OAB) · privacidade e termos (LGPD)
site-valeria-lauande/ ├─ src/app/ ................. rotas ├─ src/app/admin/ ........... painel do blog ├─ src/components/ .......... 26 componentes próprios ├─ src/lib/site.ts .......... conteúdo do escritório ├─ src/lib/blog.ts .......... CMS de arquivos ├─ content/blog/ ............ artigos em MDX └─ docs/CMS-POSTGRES.md ..... próxima fase do painel
Decisões que sustentam o produto.
- 01
Uma interface para o CMS
O blog é lido por uma única interface; trocar arquivos por Postgres muda só essa camada, sem tocar nas páginas.
- 02
Header que sai da frente
Barra sólida na cor da marca que some ao rolar para baixo e volta ao subir, com âncoras que não ficam sob o cabeçalho.
- 03
Seções intercaladas
Branco e verde alternados na home para dar ritmo à leitura, a pedido da cliente.
- 04
Painel protegido
O /admin responde 401 sem credencial e grava os artigos revalidando as páginas do blog.
- 05
Pronto para crescer
Plano de migração do painel para Postgres com rascunhos, agendamento, upload de imagens e sessão de usuário.
O que foi entregue.
O site completo em prévia na Cloudflare, com o blog funcionando e a migração do painel para Postgres planejada para a publicação definitiva.
- 9rotas
- 26componentes próprios
- 4artigos publicados
- 3frentes de atuação
- UX/UI do site
- Site em Next.js
- Página de áreas de atuação
- Blog com painel próprio
- Política de privacidade e termos
- Prévia na Cloudflare
Em prévia (previa-val.glifodev.com), ainda sem o domínio do escritório. Fotos de banco no lugar das fotos da equipe até o envio pela cliente; telefone e endereço a confirmar. O painel de escrita roda em servidor Node; na Cloudflare, só as páginas públicas.
métricas de uso a incluir quando medidas em produção