Build a Stunning, Fast Portfolio with Astro 5 and Vue 3Build a Stunning, Fast Portfolio with Astro 5 and Vue 3
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Berckan's avatar
Berckan Guerrero
pro
• 14h
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.
Completed work
CopywritingUX DesignFull Stack DevelopmentVercelAstroVue.js
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started