O problema
Portfólios de desenvolvimento costumam cair em dois extremos: inventário de tecnologias sem contexto ou uma landing visual que não prova engenharia.
Portfólio como sistema editorial
Charlles.dev
Um portfólio multilíngue que conecta identidade cinematográfica, projetos públicos e decisões técnicas sem esconder o trabalho atrás do espetáculo.
- Papel
- Engenharia full stack, direção visual e conteúdo
- Período
- 2026 — atual
- Estado
- Em evolução
Contexto
A página precisava apresentar uma identidade memorável e, ao mesmo tempo, continuar rápida, rastreável, acessível e fácil de manter em três idiomas.
O que foi construído
Charlles.dev
- 01
Arquitetura em Next.js App Router com rotas localizadas.
- 02
Integração server-side com dados públicos do GitHub e fallback curado.
- 03
Sistema de mídia com posters, vídeo sob demanda e movimento reduzido.
- 04
SEO técnico, dados estruturados, Open Graph e quality gate automatizado.
Arquitetura em 60 segundos
Interface → Aplicação → Dados → Qualidade
- 01
Interface
React e componentes editoriais localizados
- 02
Aplicação
Next.js App Router, metadata e rotas estáticas
- 03
Dados
GitHub público com overrides e snapshot de fallback
- 04
Qualidade
TypeScript, ESLint, Vitest e verificações de build
Decisões e trade-offs
Evidência antes de decoração
Evidência antes de decoração
Projetos selecionados apresentam problema e decisão; assets do personagem entram apenas quando ajudam orientação, estado ou narrativa.
Fallback é parte do produto
A indisponibilidade do GitHub não transforma a página em uma tela vazia: um snapshot público preserva a experiência e informa a origem.
Movimento com função
GSAP e vídeo são usados para continuidade e presença, com caminhos equivalentes para touch e movimento reduzido.
Resultado verificável
- Base pública e rastreável para apresentar projetos e decisões.
- Experiência localizada em português, inglês e espanhol.
- Pipeline de qualidade que valida código, testes, assets, rotas e HTML antes de publicar.
Limitações conhecidas
- As métricas profissionais dependem de dados reais aprovados; nenhuma foi inventada.
- A qualidade final de vídeo ainda varia conforme codec, GPU, economia de dados e navegador.
- O conteúdo em inglês e espanhol precisa de revisão humana nativa periódica.