Personal Portfolio

Overview

My own portfolio, built to show what I actually do rather than just describe it — a Next.js site with a Three.js hero, dark/light theming, and a full case-study system behind every project.

Challenge

A developer's portfolio has to be a working demo of the developer's judgment — polished motion and a real 3D scene, without sacrificing load speed, accessibility or SEO.

Approach

I built the site on Next.js with TypeScript and Tailwind CSS, using Motion for interface animation and a hand-built Three.js scene for the hero, with structured data and metadata tuned for search from the ground up.

• Custom Three.js hero scene with cursor-driven parallax
• Dark/light theming across every page
• Full SEO: structured data, sitemap, Open Graph, analytics

Results

A fast, animated, search-optimized personal site that doubles as a live demonstration of the front-end and motion work I do for clients.