
I open-sourced my Nuxt 3 portfolio. Here's what's inside
I spent years telling clients their portfolio needed to be "premium." Mine didn't even exist. C'est le cordonnier le plus mal chaussé , as we say in France. Time to fix that. Here's how I built emericguyon.com — and why I'm giving you the entire source code. The stack No overthinking. Tools I already know and trust: Nuxt 3 — SSR, auto-imports, file-based routing. The Vue ecosystem at its best. Vue 3 — Composition API, <script setup> , TypeScript everywhere. Tailwind CSS 4 — utility-first, fast iteration, no CSS file archaeology. GSAP — because CSS animations hit a wall real fast when you want scroll-triggered timelines and canvas work. That's it. No CMS, no headless backend, no GraphQL layer. It's a portfolio, not a SaaS. The canvas hero — a.k.a. "the thing everyone asks about" The homepage background is a <canvas> that renders actual code scrolling in real-time. Not a video. Not a GIF. Actual characters drawn frame by frame with fillText . Here's the gist: // Each frame, we only draw
Continue reading on Dev.to Webdev
Opens in a new tab



