Personal Portfolio

Personal portfolio and blog built with Next.js, TypeScript, and Tailwind CSS.

Tech Stack

• Next.js — React framework
• TypeScript — Type safety
• Tailwind CSS — Utility-first styling
• Shadcn UI — UI components
• Magic UI — Animated components
• Framer Motion — Animations
• next-mdx-remote — MDX blog posts
• next-themes — Dark/light mode

Features

• Hero, About, Skills, Work Experience, Projects, and Contact sections
• Blog with MDX support
• Dark/light mode toggle
• Responsive dock navigation
• Animated UI with blur-fade, aurora text, and hyper text effects

Getting Started

bun install
bun dev

Open http://localhost:3000.

Project Structure

src/
├── app/          # Next.js app router pages
├── components/   # React components (ui, navbar, cards, markdown)
├── data/         # Resume data and content
└── lib/          # Utilities, MDX config, plugins
content/          # MDX blog posts
public/           # Static assets (images, icons)

Links

• Live site
• DocuBook — My documentation framework