>ESC
← Início
projeto · 2026

Portfólio Pessoal

produção

Website pessoal desenvolvido com Next.js e Prisma para apresentar projetos, habilidades e experiência profissional.

Detalhes

Portfólio pessoal desenvolvido do zero utilizando Next.js 16 com App Router, Prisma ORM com Postgres, e um design system premium construído com CSS puro. O site conta com animações de scroll, globo 3D de skills, modal de detalhes de projeto rico, suporte a dark/light mode, e é totalmente responsivo. O backend utiliza Server Components do Next.js para buscar dados diretamente do banco via Prisma, eliminando a necessidade de um servidor Express separado. As API Routes protegidas por API key permitem gerenciar conteúdo de forma segura.

Destaques

  • Design premium com dark mode e animações suaves
  • Server Components para carregamento otimizado
  • Sistema de gerenciamento de conteúdo via API
  • Modal de projeto com detalhes ricos
  • SEO otimizado com metadata dinâmica
  • Globo de Skills Interativo

Desafios

O principal desafio foi criar uma arquitetura que fosse simples de manter e ao mesmo tempo oferecesse uma excelente experiência visual. Utilizei Next.js + Prisma + PostgreSQL simplificou significativamente a manutenção e o deploy na Vercel.

Stack

TypeScriptPrismaNode.jsCSS3ReactGitPostgreSQLNext.js

Demo ao vivo

Abrir em nova aba

Se a área ficar em branco, o site pode bloquear incorporação em iframe (X-Frame-Options). Use o link acima ou “Demo”.