ONG Tudo por Amor
Site institucional para ONG com CMS headless, SEO técnico e atualização sem depender de deploy.
Visão geral
Projeto institucional desenvolvido com Next.js 16 e Sanity CMS para centralizar adoção, transparência financeira e comunicação da ONG. A solução foi pensada para facilitar o dia a dia da equipe, melhorar a presença orgânica e dar mais consistência à publicação de conteúdo.
Galeria do produto
Desafio
- O conteúdo institucional estava disperso, a publicação dependia de suporte técnico e a área de transparência não tinha uma estrutura clara.
- Isso dificultava atualização, prestação de contas e consistência de SEO.
Solução
- Desenvolvi uma arquitetura headless com Next.js + Sanity para que a equipe pudesse publicar e atualizar conteúdo sem depender de deploy.
- Estruturei rotas dinâmicas para adoção, notícias e relatórios, com ISR, revalidação por webhook, sitemap e dados estruturados.
- O resultado foi um fluxo editorial mais simples, rápido e sustentável.
Arquitetura
- Next.js App Router com Server Components
- Integração com Sanity Content Lake
- Invalidação de cache baseada em webhook
- Rotas dinâmicas para adoção, notícias e relatórios
Decisões técnicas
- Escolhi CMS headless em vez de conteúdo hardcoded no código para dar autonomia editorial sem depender de deploy.
- Escolhi ISR + revalidação sob demanda em vez de SSR em todas as requisições para equilibrar performance e atualização rápida.
- Escolhi SEO centralizado (JSON-LD + sitemap dinâmico) em vez de configuração manual por página para reduzir inconsistência de indexação.
Destaques de Engenharia
- Arquitetura com CMS headless
- Server Components + ISR
- Revalidação sob demanda via webhook
- Geração dinâmica de sitemap
- SEO com dados estruturados (JSON-LD)
Impacto
- Autonomia editorial para equipe da ONG com atualização sem deploy.
- ISR + revalidação por webhook para conteúdo atualizado com boa performance.
Resultado
- Antes: atualizar conteúdo dependia de suporte técnico -> Depois: equipe da ONG publica com autonomia no CMS.
- Antes: transparência financeira era fragmentada -> Depois: relatórios e páginas ficaram organizados em uma estrutura única.
- Antes: publicar e atualizar conteúdo era mais lento -> Depois: ISR + revalidação seletiva deixaram a entrega mais ágil e previsível.
Tecnologias
- Next.js 16
- React 19
- TypeScript
- Sanity CMS
- Tailwind CSS
- Vercel