El problema
Los portafolios de desarrollo suelen convertirse en inventarios de tecnologías sin contexto o en landings visuales que prueban poca ingeniería.
El portafolio como sistema editorial
Charlles.dev
Un portafolio multilingüe que conecta identidad cinematográfica, proyectos públicos y decisiones técnicas sin ocultar el trabajo detrás del espectáculo.
- Rol
- Ingeniería full stack, dirección visual y contenido
- Período
- 2026 — presente
- Estado
- En evolución
Contexto
La página necesitaba una identidad memorable y, al mismo tiempo, seguir siendo rápida, rastreable, accesible y mantenible en tres idiomas.
Qué se construyó
Charlles.dev
- 01
Arquitectura Next.js App Router con rutas localizadas.
- 02
Datos públicos de GitHub en el servidor con fallback curado.
- 03
Sistema de medios con pósteres, vídeo bajo demanda y movimiento reducido.
- 04
SEO técnico, datos estructurados, Open Graph y quality gate automatizado.
Arquitectura en 60 segundos
Interfaz → Aplicación → Datos → Calidad
- 01
Interfaz
React y componentes editoriales localizados
- 02
Aplicación
Next.js App Router, metadata y rutas estáticas
- 03
Datos
GitHub público con overrides y snapshot de fallback
- 04
Calidad
TypeScript, ESLint, Vitest y verificaciones de build
Decisiones y trade-offs
Evidencia antes que decoración
Evidencia antes que decoración
Los proyectos muestran problema y decisión; los assets del personaje solo aparecen cuando aportan orientación, estado o narrativa.
El fallback es parte del producto
Una caída de GitHub no deja la página vacía: un snapshot público preserva la experiencia e identifica su origen.
Movimiento con función
GSAP y vídeo aportan continuidad y presencia, con alternativas para touch y movimiento reducido.
Resultado verificable
- Una base pública y rastreable para presentar proyectos y decisiones.
- Una experiencia localizada en portugués, inglés y español.
- Un pipeline que valida código, tests, assets, rutas y HTML antes de publicar.
Limitaciones conocidas
- Las métricas profesionales dependen de datos reales aprobados; ninguna fue inventada.
- La calidad de vídeo varía según codec, GPU, ahorro de datos y navegador.
- El inglés y el español necesitan revisión humana nativa periódica.