Personal Portfolio v3
Short Explanation
This portfolio is a showcase of my technical skills and a place to share my thoughts through a blog.
Goals
- 190+ Lighthouse scores for all metrics.
- 2Seamless dark mode integration.
- 3Interactive digital garden features.
Tech Stack Used
Next.js
For server-side rendering and optimized build performance.
Framer Motion
Used for smooth transitions and subtle animations.
MDX
For writing content-heavy pages with embedded React components.
The Problems
Managing complex state for the blog's search and filtering while maintaining performance on slower devices.
The Solutions
Used `useMemo` for heavy computation and focused on reducing layout shifts during client-side navigation.
Lessons Learned
“Consistency in design tokens and utility classes is key to maintaining a large-scale project.”