Portfólio Pessoal
& Design System
Uma aplicação web performática construída para demonstrar não apenas meus projetos, mas minha capacidade de arquitetar soluções frontend modernas, acessíveis e escaláveis.
Tech Stack
Next.js 15
App Router & SSR
Tailwind CSS v4
Styling Engine
Framer Motion
Animations
Lenis
Smooth Scrolling
O Desafio
Portfólios de analistas de dados geralmente são estáticos e sem vida. Meu objetivo era criar uma experiência que refletisse meu perfil 'Full-Stack Data': técnico, estruturado, mas visualmente envolvente.
Eu precisava de uma arquitetura que suportasse internacionalização (i18n), animações fluidas sem comprometer a performance e que fosse fácil de manter.
Arquitetura
Next.js App Router
Utilizei a estrutura de rotas moderna do Next.js para garantir que cada página seja otimizada estaticamente (SSG) onde possível, garantindo carregamento instantâneo.
Context API para i18n
Ao invés de bibliotecas pesadas, implementei um sistema de tradução nativo usando React Context. Isso permite troca de idioma instantânea sem recarregamento de página.
UI Componentizada
Seguindo padrões de Atomic Design, criei componentes reutilizáveis que podem ser facilmente escalados para novos projetos.
# Arquitetura Limpa
src/
├── components/ // LEGO Blocks
├── context/ // Global State (i18n)
├── lib/ // Data & Utils
└── app/ // Routes