01
CompletedSolo developer — design, architecture, and implementationOpen Source01 / 04
Portfolio Website
Most developer portfolios look the same. I wanted mine to feel like a product — cinematic scroll sequences, a 3D globe tracing my work across countries, procedural audio, and bilingual support. Built with Next.js and React, no UI library.
// Project Overview
I got tired of portfolios that feel like themed templates. So I built this one from scratch — Next.js for SSR and static generation with React, a custom CSS design system instead of any UI framework, Three.js for the 3D globe, scroll-driven cinematic sections, and a Web Audio API sound layer. It supports English and Portuguese, respects accessibility preferences, and scores 95+ on Lighthouse.
< Tech Stack />
Next.jsReactTypeScriptThree.jsCSS Custom PropertiesFramer MotionWeb Audio APIResend
Challenges
- Balancing visual richness with performance — the 3D globe needed to lazy-load without impacting initial page speed
- Building a cinematic scroll system with sticky sections, fade transitions, and smooth camera movement without jank
- Creating a custom design system (no UI library) that looks polished in both dark and light themes
Results
- Lighthouse performance score 95+
- 3D globe loads asynchronously with only 244KB gzipped overhead
- Full bilingual support (EN/PT-BR) with zero layout shift on language switch
Interested in seeing more of my work?
View All Projects