ONG Tudo por Amor

Plataforma institucional com CMS headless, SEO técnico e publicação contínua para adoção e transparência financeira.

Visão geral

Plataforma institucional desenvolvida com Next.js 16 (App Router) integrada ao Sanity CMS. O projeto atende três jornadas principais: adoção de animais, transparência financeira e comunicação institucional. Implementado com foco em SEO, performance e autonomia editorial.

Desafio

  • A ONG tinha conteúdo institucional disperso e publicação dependente de suporte técnico.
  • Também faltava estrutura consistente para transparência financeira e SEO nas páginas.

Solução

  • Implementei uma arquitetura headless com Next.js + Sanity para dar autonomia editorial.
  • Estruturei rotas dinâmicas para adoção, notícias e relatórios, com ISR e revalidação por webhook.
  • Organizei metadata, sitemap e dados estruturados para aumentar consistência de indexação.

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: atualização de conteúdo dependia de suporte técnico -> Depois: equipe da ONG com autonomia editorial no CMS.
  • Antes: comunicação financeira fragmentada -> Depois: relatórios e páginas de transparência estruturados.
  • Antes: publicações com latência de atualização -> Depois: ISR + revalidação seletiva para entrega mais eficiente.

Métricas

Lighthouse

Mobile: [preencher] | Desktop: [preencher]

Tempo de publicação

Antes: [preencher] -> Depois: [preencher]

SEO / Google Search Console

Impressões: [preencher] | Cliques: [preencher] | CTR: [preencher]

Tecnologias

  • Next.js 16
  • React 19
  • TypeScript
  • Sanity CMS
  • Tailwind CSS
  • Vercel