Overview
A modern personal portfolio and resume site built with Next.js 16, TypeScript, and Tailwind CSS v4. Features scroll-driven animations, dark mode, MDX content, and static deployment to GitHub Pages.
Key Features
- Cinematic scroll animations using Framer Motion with reduced-motion support
- Dark/light theme with zero flash-of-unstyled-content
- File-based content pipeline (MDX + JSON) — no CMS required
- Fully static export deployed to GitHub Pages via GitHub Actions
- SEO optimized with structured data, sitemap, and RSS feed
Technical Approach
Built with a Server Components-first architecture using Next.js App Router, with Client Components only where interactivity is needed. The design system uses CSS custom properties for theme tokens.
| Area | Technology |
|---|---|
| Framework | Next.js 16 (App Router, static export) |
| Styling | Tailwind CSS v4 + CSS custom properties |
| Animation | Framer Motion / Motion v12 |
| Content | MDX + JSON files |
| Deployment | GitHub Pages via GitHub Actions |
Impact
A fast, accessible, and visually polished portfolio that showcases professional experience while demonstrating modern web development practices.