Estudo de caso2026

Inova Rio Verde

Um site do ecossistema de inovação de Rio Verde, mapeando hubs, incubadoras e programas locais em uma trilha geoespacial interativa.

Papel: Freelance full-stack — design e desenvolvimento, sozinho

Next.jsTailwind CSSMapboxMapTilerdeck.glCloudflare HyperdriveNeon PostgresNeon Auth
Inova Rio Verde project preview

Problema

O ecossistema de inovação de Rio Verde — hubs, incubadoras, universidades e programas — não tinha uma forma visual compartilhada de mostrar onde estão os atores de inovação da cidade e como eles se conectam.

Restrição

O site precisava de uma camada geoespacial interativa sem a latência e o custo operacional de um backend tradicional pesado, mantendo-se fácil de atualizar.

Decisão

Construí o frontend em Next.js com Mapbox, MapTiler e deck.gl para a trilha interativa, com Neon Postgres acessado via Cloudflare Hyperdrive para consultas de baixa latência na borda, e Neon Auth cuidando do controle de acesso.

Resultado

O Inova Rio Verde apresenta o ecossistema de inovação da cidade como uma trilha geoespacial explorável, em vez de uma lista estática de instituições.

Mapbox + deck.gl

Camada de mapa

Neon Postgres via Hyperdrive

Camada de dados

Neon Auth

Autenticação

Visão geral

O Inova Rio Verde é um site voltado ao poder público local que apresenta o ecossistema de inovação de Rio Verde — hubs, incubadoras, universidades e programas de apoio — como uma “Trilha da Inovação” interativa, em vez de uma página de diretório comum.

Decisões de produto

O mapa é o produto. Next.js conduz o frontend, Mapbox e MapTiler fornecem o mapa base, e deck.gl renderiza a camada interativa da trilha por cima. Os dados ficam no Neon Postgres, acessados via Cloudflare Hyperdrive para que as consultas continuem rápidas a partir da borda, em vez de percorrerem uma única região de banco de dados. O Neon Auth cuida da camada de acesso.

O que eu construí

  • Uma “Trilha da Inovação” interativa baseada em mapa conectando os atores de inovação da cidade.
  • Um caminho de dados serverless do Next.js até o Neon Postgres, passando pelo Cloudflare Hyperdrive.
  • Autenticação e controle de acesso via Neon Auth.
  • Toda a identidade visual e a interface do site.

Papel

Projeto freelance cobrindo a construção completa: design de UI/UX, frontend, backend e deploy, entregue sozinho.