Collagery - A collage gallery builder

#netlifychallenge #devchallenge #webdev #javascript

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

Build your 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!