← Volver al inicio

Portfolio Interactivo

Una experiencia web moderna y envolvente

Este es el sitio web que estás viendo ahora mismo. Un portfolio personal construido desde cero con tecnologías modernas, diseñado para ofrecer una experiencia de usuario fluida, animaciones elegantes y soporte multilingüe completo.

Stack Tecnológico

Astro

Framework principal con renderizado híbrido: pre-renderizado estático y SSR según las necesidades de cada ruta

TypeScript

Tipado estático para código más robusto y mantenible

Tailwind CSS

Framework CSS utility-first para estilos rápidos y consistentes

anime.js

Librería de animaciones JavaScript ligera y potente

Zod

Validación de esquemas para el sistema de contenido

Arquitectura del Proyecto

El portfolio sigue una arquitectura limpia orientada a contenido. Astro combina el pre-renderizado estático para las páginas de contenido con server-side rendering donde se necesita comportamiento dinámico, mientras que el contenido se gestiona mediante colecciones tipadas con Zod, facilitando la internacionalización y el mantenimiento.

Astro Pages
Componentes .astro
Content Collections
JSON + esquemas Zod
Estilos Tailwind
CSS utility-first
Renderizado Híbrido
Pre-renderizado estático + SSR por ruta
Cloudflare Defensive Deployment
jagoba.dev

Filosofía de Diseño

La filosofía se basa en dos pilares fundamentales: simplicidad y accesibilidad inmediata a la información más relevante. Cada elemento está diseñado para que el usuario encuentre lo que busca sin fricciones ni distracciones innecesarias.

Simplicidad
Sin elementos innecesarios que distraigan
Acceso Inmediato
La información relevante siempre visible

Filosofía del Stack

El stack tecnológico está elegido estratégicamente por ser el más rápido en dos sentidos: velocidad de desarrollo para este tipo de proyecto y rendimiento en producción. Astro combina el pre-renderizado estático con SSR para servir cada ruta de forma óptima, TypeScript acelera el desarrollo con autocompletado y detección de errores, y Tailwind permite estilizar sin salir del código.

Rendimiento
Renderizado híbrido optimizado
DX
Desarrollo ágil con tipado
Estilos
CSS sin salir del código