Back to Projects
Personal Portfolio Website
A modern, statically-generated portfolio website built with Next.js, TypeScript, and Tailwind CSS
Next.jsTypeScriptTailwind CSSReact
This website showcases my work and skills as a web developer. Built with performance and accessibility in mind, it leverages Next.js for static site generation, React for the UI, TypeScript for type safety, and Tailwind CSS for styling.
Key Features & Technologies
Technologies Used
- Next.js: For static site generation and routing
- React: For building the user interface
- TypeScript: For type safety and improved developer experience
- Tailwind CSS: For utility-first styling
- ShadCN UI: For accessible UI components
- Markdown: For content management
Core Features
- Dark/Light Mode: Toggle between dark and light themes
- Responsive Design: Looks great on all devices
- Static Generation: Pre-rendered for optimal performance
- Accessible: Follows WCAG guidelines
- Content-Focused: Easy to update with new projects and information
Performance Optimizations
The site is optimized for performance with:
Image optimization via Next.js Image component
Static site generation for fast page loads
Minimal JavaScript sent to the client
Code splitting and lazy loading