Personal portfolio built with Astro by Berckan GuerreroPersonal portfolio built with Astro by Berckan Guerrero

Personal portfolio built with Astro

Berckan Guerrero

Berckan Guerrero

Personal portfolio built with Astro 5 and Vue 3 using Islands architecture. Only interactive components ship JavaScript, everything else is zero-JS static HTML. Project data lives in TypeScript files with no CMS or external API calls at build time.
Trilingual (EN/ES/FR) with custom i18n routing and per-locale static generation. Lazy-loaded video previews with intersection observer playback and WebP poster frames. Mouse-following parallax effect on project cards with reduced-motion support. Full dark mode with system preference detection and manual toggle.
Perfect 100 across all four Lighthouse categories (Performance, Accessibility, Best Practices, SEO). 72% asset reduction (97MB ‚Üí 27MB). WCAG AA compliant. Playwright E2E testing across all routes and breakpoints.
Like this project

Posted Mar 18, 2026

Personal portfolio built with Astro 5 and Vue 3 using Islands architecture. Only interactive components ship JavaScript, everything else is zero-JS static HT...

Likes

0

Views

2

Clients

Personal Project