DEV Community

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

Posted on

4 1

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!

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (1)

Collapse
 
philiphow profile image
Philip How

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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

AWS GenAI Live!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️