📸 Vatsagram

A minimalistic, unbranded, performant web application for photos. Written in React, TypeScript and Next.js. Using Sharp for image processing. Deployed on Vercel.

Links:

Optimizations:

  • Blur Up technique: server rendered low res b64 images with gaussian blur
  • lazy loading, intersection observer
  • srcset with a range of sizes, appropriately compressed images
  • support webp, jpeg, (avif??)
  • Do add'l optimizations listed here
  • Modal for post page (when routed on client-side)