Proyecto personal · En producción
aroca.dev
El portfolio que estás viendo. Diseñado e implementado desde cero con Astro y CSS puro.
Por qué construirlo desde cero

Un CV en PDF no puede mostrar el contexto de un proyecto: qué problema resolvía, qué decisiones se tomaron, qué salió bien y qué haría diferente. Para eso hace falta una página propia.

Y si vas a hacer un portfolio, tiene más sentido construirlo tú mismo que usar una plantilla. El proceso en sí ya dice algo sobre cómo trabajas.

Decisiones técnicas

Astro por su rendimiento y su modelo de cero JavaScript por defecto — un portfolio no necesita hidratación del cliente.

CSS puro con variables para el sistema de color. Sin frameworks, sin clases de utilidad, sin dependencias innecesarias. Control total sobre cada decisión visual.

Sistema de color propio: fondo marino #0d1117, acento índigo #818cf8 y jerarquía de cuatro niveles de texto. Tipografía Space Grotesk para títulos e Inter para texto corrido.

Stack y detalles
Lo que aprendí

Construir el portfolio desde cero me obligó a tomar decisiones de diseño real: sistema de color, jerarquía tipográfica, espaciados, estructura de navegación. No hay plantilla que te salve de pensar.

También aprendí a gestionar un proyecto propio con criterio de producto: qué incluir, qué quitar, cómo contar cada proyecto para que tenga sentido para alguien que no lo ha vivido.

¿Qué haría diferente hoy?
  • Usaría componentes Astro para el nav y el footer en vez de repetirlos en cada página.
  • Añadiría animaciones de entrada sutiles desde el principio — ahora añadirlas requiere tocar muchos archivos.
  • Definiría el sistema de color y tipografía antes de maquetar, no mientras.
Diagrama de arquitectura
Arquitectura · clic para ampliar