MP
MP
Voltar para projetos

Aplicação

Conjuga

Aplicação institucional desenvolvida com Next.js e TypeScript, com formulário Full Stack, API server-side, persistência de leads no Supabase e integrações voltadas a uma operação real.

Conjuga

Visão geral

A Conjuga é uma aplicação web em produção criada para representar uma operação de engenharia de software e, ao mesmo tempo, servir como ambiente real de evolução técnica. O projeto utiliza Next.js, React e TypeScript com arquitetura modular e componentes reutilizáveis. Entre as funcionalidades implementadas estão formulário de contato com processamento server-side, persistência de leads no Supabase, validação e tratamento de dados, consentimento de privacidade, SEO técnico, sitemap, integração com ferramentas de análise e deploy contínuo. O desenvolvimento do projeto permite aplicar conceitos de Engenharia de Software em um contexto real, envolvendo Front-End, APIs, banco de dados, integrações, arquitetura e manutenção evolutiva.

Problema

Construir uma aplicação real que representasse uma operação de software e permitisse aplicar conceitos de Engenharia de Software em produção, sem depender apenas de exercícios ou projetos artificiais de estudo.

Solução

Desenvolvimento de uma aplicação Full Stack com Next.js, React e TypeScript, separando interface, processamento server-side e persistência de dados. O fluxo de contato envia os dados para uma rota de API da aplicação, realiza validação e processamento no servidor e persiste os leads no Supabase, criando uma base preparada para novas integrações e automações.

Principais entregas

  • Next.js App Router
  • Arquitetura modular baseada em componentes reutilizáveis
  • Formulário de contato com fluxo Full Stack
  • API server-side para processamento de contatos
  • Persistência de leads no Supabase
  • PostgreSQL gerenciado pelo Supabase
  • Migrations para evolução do banco de dados
  • Validação e tratamento de dados do formulário
  • Consentimento de privacidade
  • Separação entre interface, API e persistência
  • SEO técnico e sitemap
  • Integração com Google Search Console
  • Google Analytics condicionado ao consentimento
  • Design responsivo
  • Acessibilidade
  • Otimização de performance
  • Deploy contínuo com Vercel

Tecnologias utilizadas

Next.jsReactTypeScriptTailwind CSSSupabasePostgreSQLREST APIVercel