A Cazul é a primeira plataforma brasileira a reunir informação sobre o Carbono Azul e seus benefícios para as comunidades e os manguezais.
Este repositório contém o site público da plataforma (frontend). O CMS (Sanity) e a API de dados (backend) ficam em repositórios separados.
- Realização: Guardiões do Mar
- Patrocínio: Fundação o Boticário
- Ano: 2024
O site oferece:
- Página inicial com apresentação da plataforma
- Mapa interativo de Carbono Azul nos manguezais do Brasil (estoques, extensões, população)
- Seção “Sobre a Cazul”
- Novidades (conteúdo vindo do Sanity)
- Contato e links para documentação (ex.: nota técnica metodológica)
- Framework: Next.js 14 (App Router)
- Linguagem: TypeScript
- Estilos: Tailwind CSS
- Mapas: OpenLayers
- Gráficos: Nivo (bar)
- Conteúdo: consumo do Sanity (CMS em outro repositório)
- Dados do mapa: consumo da API (backend em outro repositório)
- Node.js (versão compatível com o projeto)
- Acesso ao Sanity (variáveis de ambiente do projeto Sanity)
- Acesso à API do backend (URL e
API_KEY; em desenvolvimento usahttp://localhost:3002)
Crie um arquivo .env.local na raiz do projeto. Exemplo:
# API do backend (dados do mapa)
NEXT_PUBLIC_PRODUCTION_API=https://sua-api.example.com
API_KEY=sua-chave-de-api
# Sanity (conteúdo do site)
# NEXT_PUBLIC_SANITY_* conforme documentação do projeto SanityAjuste os nomes e valores conforme os repositórios do Sanity e do backend.
Instalar dependências:
npm installRodar em desenvolvimento:
npm run devAbrir http://localhost:3000 no navegador.
Build para produção:
npm run build
npm start| Comando | Descrição |
|---|---|
npm run dev |
Servidor de desenvolvimento |
npm run build |
Build de produção |
npm start |
Servidor de produção |
npm run lint |
Executar ESLint |
- Site (este repo): frontend Next.js — páginas, componentes, consumo do Sanity e da API.
- Sanity: outro repositório — conteúdo editorial (textos, novidades, etc.).
- Backend/API: outro repositório — estoques de CO₂, extensões, população (dados do mapa).
Para desenvolver o site por completo, é necessário ter acesso aos projetos Sanity e à API do backend.
© 2025 CAZUL — Todos os direitos reservados.
Contato: estoquecazul@gmail.com