Pular para o conteúdo
Website Portfólio

Engenheiro Sênior
na Netflix

Um site portfólio moderno apresentando experiência profissional e expertise técnica. Construído com Next.js 14, apresentando contribuições do GitHub ao vivo, contador de experiência em tempo real e internacionalização completa.

~2.847
Linhas de Código
5
Páginas
10
Rotas (5×2 idiomas)
2
Idiomas

Recursos Principais

Elementos interativos que dão vida ao portfólio

Contribuições GitHub

Gráfico de contribuições ao vivo via GitHub GraphQL API com rate limiting inteligente e cache.

Contador de Experiência

Contador de duração da carreira em tempo real mostrando anos, meses e dias desde agosto de 2017.

Linha do Tempo

Linha do tempo interativa da carreira com Intersection Observer para animações suaves.

Suporte i18n Completo

Localização completa em inglês e português brasileiro usando next-intl com troca de idioma.

Design Dark Mode

Tema escuro elegante com acentos em gradientes esmeralda, ciano e azul.

SEO Otimizado

Implementação completa de SEO com schemas JSON-LD para Person, Website e AboutPage.

Performance Primeiro

Otimizado com Next.js App Router, React Server Components e otimização de imagens.

Totalmente Responsivo

Design mobile-first que fica ótimo em todos os dispositivos.

Páginas do Website

Cinco páginas cuidadosamente criadas, cada uma com conteúdo bilíngue

Home

Seção hero com texto animado e botões de ação

Sobre

Jornada profissional com gráfico GitHub e contador de experiência

Currículo

Histórico de trabalho detalhado, habilidades e PDF para download

Projetos

Vitrine de portfólio com cards de projetos e filtros

Contato

Formulário de contato e links de redes sociais

Arquitetura Next.js

Estrutura moderna App Router com componentes server e client

App Router Structure
src/app/[locale]
Dynamic locale routing
/page.tsx - Home
/about/page.tsx
/resume/page.tsx
/projects/page.tsx
/contact/page.tsx
Components
Reusable UI elements
GitHubContributions
ExperienceCounter
JourneyTimeline
LanguageSwitcher
shadcn/ui components
Server Components / Client Components / API Routes
Data & APIs
GitHub API
GraphQL v4
next-intl
i18n routing
JSON-LD
Structured Data
ISR Cache
Smart revalidation

Stack Tecnológico

Ferramentas modernas para um portfólio moderno

Framework

  • Next.js 14
  • React 18
  • TypeScript 5.7
  • App Router
  • Server Components

Estilização

  • Tailwind CSS 3.4
  • shadcn/ui
  • Radix UI
  • Framer Motion
  • CSS Variables

APIs e Dados

  • GitHub GraphQL
  • next-intl
  • JSON-LD
  • REST APIs
  • ISR Caching

Performance

  • Otimização de Imagem
  • Code Splitting
  • Edge Runtime
  • Prefetching
  • Lazy Loading

SEO e Performance

Construído para descobribilidade e velocidade

Metadados Ricos

Open Graph completo, Twitter Cards e dados estruturados para compartilhamento social.

Schemas JSON-LD

Schemas Person, Website e AboutPage para melhor compreensão dos motores de busca.

URLs Canônicas

Tags hreflang e URLs canônicas adequadas para cada variante de idioma.

Core Web Vitals

Otimizado para LCP, FID e CLS com renderização server-side e geração estática.

Explore o Portfólio

Visite o site ao vivo ou navegue pelo código fonte no GitHub.