Nexus

Frontend · Full Stack · 2024

Nexus

Plataforma SaaS de gestão de projetos com dashboard em tempo real, colaboração entre times e visualizações de dados interativas.

Ferramentas

Next.jsTypeScriptPrismaPostgreSQLTailwind CSSVercel

Tags

ReactNext.jsTypeScriptTailwind CSS

98

Lighthouse Performance

-72%

Redução no tempo de carregamento

1.2k

Usuários ativos no beta

Qual era o desafio?

Times remotos tinham dificuldade em acompanhar o progresso de projetos em múltiplas ferramentas. A solução precisava centralizar dados, ser rápida e funcionar bem tanto em desktop quanto mobile.

Contexto do problema

Como chegamos lá

1

Definição de arquitetura com Next.js App Router e Server Components

2

Modelagem do banco de dados com Prisma e PostgreSQL

3

Implementação de autenticação com NextAuth.js e OAuth

4

Construção do design system com Radix UI e Tailwind CSS

5

Integração de WebSockets com Pusher para atualizações em tempo real

6

Deploy na Vercel com CI/CD via GitHub Actions

Nexus — imagem 1
Nexus — imagem 2
Nexus — imagem 3
Design final

O resultado

Dashboard com atualizações ao vivo, drag-and-drop de tarefas, gráficos de burndown e notificações push. Performance de 98 no Lighthouse com SSR e cache otimizados.