← Back to home

Interactive Portfolio

A modern and immersive web experience

This is the website you're viewing right now. A personal portfolio built from scratch with modern technologies, designed to deliver a smooth user experience, elegant animations, and full multilingual support.

Tech Stack

Astro

Main framework for hybrid rendering: static pre-rendering and SSR depending on each route's needs

TypeScript

Static typing for more robust and maintainable code

Tailwind CSS

Utility-first CSS framework for fast and consistent styling

anime.js

Lightweight and powerful JavaScript animation library

Zod

Schema validation for the content system

Project Architecture

The portfolio follows a clean content-driven architecture. Astro combines static pre-rendering for content-heavy pages with server-side rendering where dynamic behavior is needed, while content is managed through typed collections with Zod, facilitating internationalization and maintenance.

Astro Pages
.astro components
Content Collections
JSON + Zod schemas
Tailwind Styles
Utility-first CSS
Hybrid Rendering
Static pre-rendering + SSR per route
Cloudflare Defensive Deployment
jagoba.dev

Design Philosophy

The philosophy is built on two fundamental pillars: simplicity and immediate access to the most relevant information. Every element is designed so users can find what they're looking for without friction or unnecessary distractions.

Simplicity
No unnecessary elements to distract the user
Immediate Access
Relevant information always visible

Stack Philosophy

The tech stack is strategically chosen for being the fastest in two ways: development speed for this type of project and production performance. Astro combines static pre-rendering and SSR to deliver optimised output for every route, TypeScript accelerates development with autocompletion and error detection, and Tailwind allows styling without leaving the code.

Performance
Optimised hybrid rendering
DX
Agile development with typing
Styles
CSS without leaving the code