My own Website
February 2025
Next.js
React
Tailwind CSS
A personal portfolio website built with Next.js and Tailwind CSS. Created as a learning project and to showcase my development skills and projects in a modern format.
Gallery
Website interaction demo
Design Process
For this portfolio website, I started with wireframes in Figma, focusing on a clean and minimalist design that would showcase my work effectively. I created a design system with consistent spacing, typography, and color schemes to ensure a cohesive look throughout the site.
Performance Optimizations
- Implemented image optimization with Next.js Image component
- Used code splitting to reduce initial bundle size
- Added incremental static regeneration for faster page loads
- Optimized fonts with font-display: swap
User Feedback
Wow... that actually looks nice. - my girlfriend
Key Features
- 1Responsive design that works on all devices
- 2Dark and light mode support
- 3Featured and detailed views
- 4Contact form with email integration
Challenges
- •Learning TS/React from scratch
- •Hosting and Website managment
- •Creating an attractive design
- •Creating a reusable component system
Learnings
- •Improved my skills in React and Next.js
- •Learned how to implement dark mode with Tailwind
- •Gained experience with responsive design patterns