PROYECTOS
FRONTEND

Portafolio Minimalista Imprimible

Portfolio personal data-driven configurable íntegramente desde un único archivo cv.json. Diseño minimalista optimizado para pantalla y para impresión como CV en papel.

ROLE
Autor
TIPO
Personal
AÑO
2024
ESTADO
Desactualizado
1 archivo de datos
0 JS en cliente
2 formatos de salida

Contexto

Primer proyecto personal con Astro. El objetivo era tener un portfolio/CV online que también pudiese imprimirse o exportarse como PDF sin perder el formato, configurado desde un único archivo de datos sin necesidad de tocar el código para actualizarlo.

Objetivo

Un portfolio que cualquiera pudiese clonar, editar cv.json con sus datos y desplegar en minutos. Sin CMS, sin base de datos, sin backend.

Solución

Sitio estático de una página con Astro donde todos los componentes leen sus datos de cv.json. Los estilos incluyen una hoja @media print que adapta el layout para impresión en A4, ocultando elementos de navegación y ajustando márgenes.

Tech stack

Astro con plantilla básica. JavaScript vanilla para leer e inyectar datos del JSON en los componentes. CSS con @media print para la versión imprimible. Desplegado en Vercel.

// DECISIONES_TÉCNICAS
01_JSON_COMO_FUENTE_DE_VERDAD

Todo el contenido del portfolio (experiencia, habilidades, educación, contacto) vive en cv.json. Actualizar el CV no requiere modificar ningún componente ni layout. El esquema del JSON actúa como contrato entre datos y presentación.

02_CSS_PRINT_PARA_VERSION_IMPRIMIBLE

Estilos @media print dedicados eliminan la navegación, ajustan márgenes a A4 y adaptan tipografías para impresión en papel. El mismo HTML sirve para web y para generar un PDF de CV sin herramientas externas.

03_ASTRO_SIN_FRAMEWORK_JS

El sitio no necesita interactividad: Astro genera HTML estático puro. Sin React, Vue ni Svelte. Tiempo de carga mínimo y despliegue directo en Vercel sin configuración.

Tags
Astro JavaScript CSS JSON