Portfolio Website

This portfolio is a ground-up rebuild of my previous Create React App site. The old version had zero SEO because everything was client-rendered JavaScript. Google could not index a single page. Searching for my name returned nothing.

The rebuild uses Next.js 15 with the App Router and static site generation. Every page is pre-rendered at build time as full HTML. Each project and blog post gets its own URL with unique title, meta description, Open Graph tags, and JSON-LD structured data (Person, WebSite, BlogPosting, SoftwareApplication schemas). The sitemap.ts auto-generates a sitemap covering all routes.

The blog system uses MDX (Markdown + JSX) loaded through gray-matter for frontmatter parsing and next-mdx-remote for rendering. Code blocks use sugar-high for lightweight syntax highlighting.

The design follows a modern dark theme with interactive effects: a page-level cursor spotlight that follows mouse movement, dot grid backgrounds with radial fading, gradient text on headings, card spotlight effects on hover, a noise texture overlay, and staggered entrance animations via Framer Motion. The flip words component cycles through roles on the hero section.

Tailwind CSS 4 handles all styling with custom theme tokens defined as CSS variables. Inter and JetBrains Mono are self-hosted via next/font for zero external requests.