Skip to content
devAna logo

My portfolio

A personal portfolio project designed to bring together and demonstrate the full range of my current frontend development skills. Built with Next.js, styled with TailwindCSS, enhanced with Framer Motion for smooth animations, and powered by Sanity as a headless CMS. TypeScript provides type safety and long-term scalability. The result is a fast, elegant, and easily maintainable site that’s both technically solid and visually engaging.

Visit live site
Portfolio preview on Laptop and Mobile devices

Project details

Scope of work

  • Architected the entire frontend using Next.js with server-side rendering and static generation for optimal performance and SEO.
  • Designed and implemented responsive layouts using TailwindCSS, ensuring consistent design across all devices.
  • Integrated Sanity as a headless CMS to allow easy content updates without code changes.
  • Developed custom interactive animations using Framer Motion to enhance user experience and engagement.
  • Applied TypeScript throughout the codebase to improve maintainability, prevent runtime errors, and support future scalability.
  • Optimized the development pipeline for fast builds, smooth deployments, and continuous updates.

Main features

  • Fully responsive, mobile-first design with TailwindCSS
  • Dynamic content management via Sanity CMS
  • Smooth interactive animations with Framer Motion
  • TypeScript-powered type safety and code reliability
  • Next.js static generation and SSR for fast load times and SEO optimization
  • Modular, easily extendable component architecture
  • SEO-friendly metadata handling
  • Clean, modern UI with a professional, polished user experience

Technologies used

  • NextJS
  • TypeScript
  • Sanity
  • Tailwind
  • Framer Motion

Ready to Connect?

Contact me