Portfolio Website

Problem

Building a developer portfolio that stands out is harder than it sounds — most are either plain static sites with no personality, or over-engineered showcases that bury the actual work. The goal was to create a fast, content-managed portfolio that reflects a systems engineering background: technically interesting under the hood, visually distinct, and easy to keep up to date without touching code.

Highlights

• Full MDX content pipeline with runtime compilation, syntax highlighting via rehype-pretty-code, and GitHub Dark theme
• Project detail overlay using Next.js intercepting routes and parallel routes, with Framer Motion spring animations
• SSG-first architecture — all blog and project pages statically generated at build time
• Custom JSON content store bundled at build time, making the site deployable to Netlify serverless without a database
• Interactive architecture diagram viewer supporting draw.io SVG exports with pan and zoom