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.

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