Personal Portfolio Website

Spring 2026
Next.jsTypeScriptTailwind CSSVercel
GitHub LogoView Github Repository

Key Features

  • Fixed sidebar + independently scrollable main content layout
  • Section navigation using hash links (e.g., /#about, /#projects) for single-page UX
  • Dynamic project pages via /projects/[slug] routed from a typed content model
  • Reusable ProjectCard component for consistent project previews

Engineering Choices

  • Data-driven content design (projects stored as typed objects with optional fields)
  • Conditional rendering for per-project differences (videos, images, links, sections)
  • Componentized layout (Sidebar, cards, sections) for maintainability