11ty Gallery

Overview

The 11ty-gallery project is a straightforward solution for building an image gallery website utilizing Eleventy and Photoswipe. Perfect for artists, photographers, or anyone looking to showcase their images, this barebones framework facilitates easy customization to meet personal needs. I recently came across this project while searching for a way to create a wedding album, and I was pleasantly surprised by its functionality and flexibility.

With a set of bash scripts included, users can efficiently generate the necessary JSON markup for their images, thus streamlining the process of setting up an online gallery. The overall user experience is enhanced by the simplicity of managing images and the effectiveness of the scripts provided.

Features

• Easy Setup: Quickly install dependencies like Node, npm, and Bash to get your gallery up and running with minimal effort.

• Image Resizing: Automatically resize images to a specified minimum size while maintaining aspect ratio using the resizeImages.sh script.

• Thumbnail Creation: Generate square-shaped thumbnails in a consistent format using the imagesToThumbnails.sh script, allowing for cohesive image presentation.

• AVIF Format Support: Optimize your images with the thumbToAvif.sh script to create smaller, high-performance thumbnails that enhance website loading speed and access scores.

• Customizable Bash Scripts: Easily modify scripts to adapt to your specific image directories and settings, making it simple to integrate your images into the project.

• Local Development Server: Launch a local server with npm run start for immediate previewing and testing of your gallery on localhost.

• Comprehensive Documentation: Clear instructions are provided for each script, ensuring users can follow along and adjust settings as needed without confusion.