About the Project
The very website you are visiting is a showcase of my work. The goal was to build a platform that is fast, SEO-friendly, and easy to maintain to highlight my skills and projects.
Key Technologies
- Astro: Chosen for its “Islands” architecture and default performance. It sends 0 JavaScript to the client except where strictly necessary (like filters or carousel).
- View Transitions: Implemented to provide a native SPA (Single Page Application) feel without sacrificing the simplicity of a static site.
- i18n (Internationalization): Custom translation system based on routing (
/vs/en/) and JSON files. - SCSS: Modular styles and global variables to maintain visual consistency.
Challenges & Solutions
1. Bilingual Content Management
I wanted to write my posts in Markdown once but support two languages.
Solution: Implemented <Es> and <En> components within .mdx files. This allows for a single source file for both languages, rendering the correct block based on the URL route.
// Usage example in MDX
<Es> Hola Mundo </Es>
<En> Hello World </En>2. Extreme Performance
The site scores 100/100 on Lighthouse.
Solution: Automatically optimized images by Astro, self-hosted fonts, and minimal critical inline CSS.