Next.jsTypeScriptTailwind CSSFramer MotionMDX

WangDev Portfolio

A modern personal website serving as a digital resume, project showcase, and blog platform.

Overview

Premium personal portfolio built with Next.js 15, TypeScript, and Tailwind CSS v4.

Problem

Traditional resumes fail to demonstrate technical ability, project depth, and communication skills to recruiters.

Solution

Built a fast, accessible portfolio with detailed case studies, resume download, and contact integration.

Features

  • Responsive dark-first design
  • Project case studies with MDX
  • Contact form with email delivery
  • SEO optimized with structured data

Challenges

  • Balancing visual polish with performance budgets
  • Designing a content structure that's easy to update

Results

  • Lighthouse scores above 90 across all categories
  • Clear recruiter journey from hero to resume download

Lessons Learned

  • Server components significantly improve initial load performance
  • Consistent design tokens simplify maintenance