DEV Community

Cover image for Collagery - A collage gallery builder
Denny Ferrassoli
Denny Ferrassoli

Posted on

Collagery - A collage gallery builder

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

What I Built

Collagery is a dynamic "collage" / "gallery" builder. Add images to your collagery, specifying the layout and quality of images.

I unfortunately had very limited time for this submission, so I rushed through a lot, but I really wanted to participate. I hope you enjoy playing with it as much as I did building it.

One neat use-case was that you can add the same picture with different quality to get a side-by-side comparison of the images.

Demo

DEMO: https://collagery.netlify.app/submission
Source: https://github.com/dennyferra/netlify-gallery (pardon the mess)
Originally sourced from https://nextjs-platform-starter.netlify.app/

Select your image and configure your settings
Select an image and configure settings

Build your collagery
Example collagery

Platform Primitives

This submission uses the Netlify Image CDN to transform and deliver images quickly and efficiently to enhance the user experience. It also takes advantage of a basic caching utilizing the Cache-Control header configured with public, max-age=604800, must-revalidate.

The Netlify Image CDN was very easy to get started with and if I had more time I would like to have provided users with more customization of the transforms. The API makes it very easy to use in a dynamic context and would save me a ton of time versus trying to setup my own back-end image transformations and CDN. Cheers to Netlify!

Top comments (1)

Collapse
 
philiphow profile image
Philip How

Very clever! I like how the images slot into the collage.