Personal Website

A modern, responsive personal website showcasing my work, thoughts, and creative projects. Built with the latest web technologies to provide a fast and engaging user experience.

Features

📝 Blog System - Write and share articles with MDX support
📸 Photography Gallery - Showcase visual work organized by series
💼 Project Portfolio - Display creative and technical projects
🌓 Dark Mode - Seamless theme switching with system preference detection
⚡ Performance Optimized - Static generation for lightning-fast page loads
📱 Fully Responsive - Beautiful on all devices and screen sizes

Tech Stack

Frontend

Next.js 14 with App Router for modern React architecture
TypeScript for type-safe development
Tailwind CSS for utility-first styling
Framer Motion for smooth animations

Content Management

Contentlayer2 for type-safe MDX content processing
MDX for rich, component-based content
Gray Matter for frontmatter parsing

UI Components

Radix UI for accessible, unstyled components
Lucide React for beautiful icons
next-themes for theme management

The design follows a clean, magazine-style layout that puts content first. The interface adapts to user preferences with automatic dark mode detection while maintaining readability and visual hierarchy.

Development Experience

Hot reload development server
TypeScript for enhanced IDE support
ESLint and Prettier for code quality
Modular component architecture

Deployment

Optimized for deployment on modern platforms like Vercel and Cloudflare Pages, with automatic builds and preview deployments.