Dynamic Gallery with Netlify Image CDN

This is a submission for the Netlify Dynamic Site Challenge: Visual Feast.

What I Built

An interactive image gallery using Next.js, taking advantage of Netlify's powerful image transformation capabilities. Enabling dynamic resizing of images based on random Height and Fit values for Masonry Grid.

Demo

Link for live demo: Dynamic Image Gallery

Platform Primitives

At the core of this project is the utilization of Netlify's Image CDN. By integrating Netlify's on-demand image transformation features, I ensured that each image in the gallery is dynamically resized, formatted, and optimized based on the user's device and screen size.

Note: Photos provided by Pexels