Personal website preview showing the homepage design
coding

Personal Website & Blog

This website! Built with Next.js 14, TypeScript, Tailwind CSS, and Framer Motion. Features a blog with MDX support and an admin dashboard.

Tech Stack

Next.jsTypeScriptTailwindPrisma

About This Project

A comprehensive personal portfolio and blog platform built with modern web technologies. This project showcases best practices in frontend development, accessibility, and performance optimization.

Key features include:

- **Modern Tech Stack**: Built with Next.js 14, TypeScript, and Tailwind CSS for type-safe, maintainable code.

- **Dark Mode Support**: Seamless theme switching with system preference detection and persistence.

- **MDX Blog Platform**: Full-featured blog with MDX support, syntax highlighting, and custom components.

- **Performance Optimized**: Achieving 90+ Lighthouse scores across all metrics with optimized images and code splitting.

- **Responsive Design**: Mobile-first approach ensuring great experience across all device sizes.

- **Animation System**: Smooth, GPU-accelerated animations using Framer Motion that respect reduced motion preferences.

All Projects

Interested in collaborating? Get in touch