Website · Case study

Personal site (this project)

Marketing-light portfolio: static pages, accessible navigation, and performance-minded images where they matter for LCP.

  • Next.js
  • React
  • Tailwind CSS

Context

Problem

Needed a durable personal site that stayed fast, accessible, and easy to extend—without a CMS or heavy marketing template.

Audience

User

Hiring managers, collaborators, and myself as the only content editor.

Approach

Solution

App Router RSC pages, central copy in config, Headless UI for interactive chrome, and case-study routes backed by typed project data.

Capabilities

Key features

  • Static-friendly routes with per-page metadata
  • Projects filter + dedicated case studies
  • Env-driven contact links and SEO plumbing

Hard parts

Challenges

  • Keeping client boundaries thin while adding motion and a hero canvas
  • Vercel vs Docker output quirks for standalone builds
  • Case-study structure that stays honest (no fake metrics)

Outcome

Impact

A single repo that ships portfolio, SEO, and project write-ups with reproducible builds and clear docs for future edits.

Stack

Tech choices

  • Next.js App Router

    RSC-first rendering, file-based routes, and built-in metadata/sitemap APIs.

  • Tailwind CSS

    Fast iteration on a dark brand system without a separate design toolchain.

  • Framer Motion

    Small motion leaves that respect reduced-motion preferences.

Gallery

Screenshots

Screenshots for Personal site (this project) will appear here when assets are added under public/projects/.