Web App2026

Portfolio Website

Personal

This site — a premium, SEO-optimized personal brand.

Problem

Needed a personal brand site that doubles as a résumé and demonstrates frontend craft.

Solution

A premium, dark-mode-first portfolio with a command palette, MDX blog, and rich motion — built with Next.js and Tailwind.

Architecture

Next.js App Router (mostly Server Components), Tailwind CSS, Framer Motion, MDX for the blog, and structured content files. Deployed on Vercel with full SEO and a11y.

Challenges

Balancing rich motion with performance and reduced-motion support.
Keeping content editable without touching components.

Outcomes

Fast, accessible, fully static where possible.

Tech Stack

Next.jsTypeScriptTailwind CSSFramer MotionMDX

All projects