Back to ProjectsJuly 17, 2025

Portfolio

A fully static, high-performant personal web app to showcase my projects, skills, and experience with interactive design and smooth animations.

Features

  • Responsive design for all devices.
  • Lazy-loaded video previews on project cards (video-on-hover, loaded only in viewport).
  • Interactive Embla carousel for Recent Projects (drag/swipe/wheel and button navigation).
  • Draggable photo stack in hero section.
  • Responsive, collapsible sidebar for desktop and mobile bottom bar navigation.
  • Inspirations from Ordinary Folk, Studio Freight, and Gaurav Mandal's portfolio.

Architectural Features

  • Fully Static Export: Built with Next.js using the output: 'export' configuration. The entire site is pre-rendered into static HTML, CSS, and JS, enabling blazingly fast global delivery via any CDN.
  • Data-Driven Content: All project data, services, tech stack, and blog posts are centralized in a single `content.ts` file, making updates trivial without touching component code.
  • Dynamic Static Pages: All dynamic routes `/projects/[slug]` are statically generated at build time using `generateStaticParams`, ensuring even detailed pages load instantly.

Technologies Used

Next.js
TypeScript
Framer Motion
Lenis
TailwindCSS