Performance Boost and UI Overhaul

• Moved from Next.js' SSR (Server side rendering) --> SSG (Static site generation)
• Moved from Gsap's context --> useGsap which is optimized for React.js.
• Make animations smoother and consistent over the website for better UI.
• Moved from legacy styled components --> modular SCSS styled components
• Removed react-transition-group, and created custom page transitions using next.js' Templates
• Optimized Images to use custom loaders and blur placeholder for fast loading.
• Add debounce/throttle to some animations to prevent unnecessary fast re-renders.
• Removed the unnecessary packages and files.
• Used contentful for content management (Projects | About | Skills | Links)
• Revamped the file architecture for better management.
• Added GTM tags for user/event tracking and web-vitals tracking.

Created Devfolio

Developed a modern, creative and interactive portfolio using gsap. lenis, nextjs and contentful.

• Used gsap's context api for managing animations.
• Used react-lenis to control scroll for smoothness.
• Created CMS to manage projects using contentful.
• Hosted on Vercel.
• Uses next.js' SSG to generate pages performatively.