Dynamic Gallery with Netlify Image CDN

#netlifychallenge #devchallenge #webdev #javascript

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

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now