Manoj
Back to Projects
Web Application·2026active

Portfolio v3

My personal slice of the internet - redesigned from the ground up with Next.js 16 and a warm, dark-first aesthetic.

The third iteration of my personal site, rebuilt from scratch to reflect how I think about the web today. Designed dark-first with a warm coal-and-beige palette inspired by modern developer sites, then layered in a clean light mode. Every page is statically generated for sub-second loads, and the MDX-powered blog supports syntax highlighting via Shiki, reading time estimates, and an RSS feed. Other touches include a Cmd+K command palette, scroll-progress bar, section reveal animations, and auto-generated Open Graph images. Fully responsive, accessible to WCAG 2.1 AA, and shipping a perfect Lighthouse score.

100
Lighthouse
Next.js 16
Framework
Vercel
Deploy

Tech Stack

Next.js 16React 19TypeScriptTailwind CSS v4MDXVercel

Key Features

  • Dark-first design with warm coal & beige palette + clean light mode
  • MDX blog with Shiki syntax highlighting, reading time, and RSS feed
  • Interactive resume page with PDF download
  • Cmd+K command palette for quick navigation
  • Scroll progress indicator and section reveal animations
  • Auto-generated Open Graph images per page
  • Statically generated - sub-second page loads and Lighthouse 100