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
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)
Very clever! I like how the images slot into the collage.