Portfolio 2025

A modern, performant portfolio website built with the latest web technologies.

Tech Stack

• Next.js 15 with App Router and Turbopack for blazing-fast development
• MDX for rich content authoring with custom components
• Tailwind CSS v4 with oklch color space for precise theming
• Framer Motion for smooth page transitions and micro-interactions
• TypeScript with strict mode for type safety

Features

• Dark mode design with custom color tokens
• Animated starry background using tsparticles
• Table of contents auto-generated from headings
• Blog system with MDX content and syntax highlighting
• Contact form powered by Resend
• Fully responsive across all devices

Architecture

The site follows a server-first approach with Next.js App Router. Content is stored as local MDX files, parsed with gray-matter for frontmatter extraction, and rendered with next-mdx-remote.

Content Pipeline

MDX Files (content/)
    ↓
gray-matter (frontmatter extraction)
    ↓
next-mdx-remote (MDX compilation)
    ↓
Custom MDX Components (rendering)

Performance

• Lighthouse score: 95+ across all categories
• Static generation for all content pages
• Optimized images with Next.js Image component
• Minimal JavaScript bundle with tree-shaking