Build an image gallery with Astro and React

Hello everyone.

Recently, I rewrote the image gallery on my website and took notes on the most important and interesting parts of the process, which I then turned into a blog article.

It's a step-by-step guide based on a practical example that shows how to manage images on a static website, including how to load images, where to use server and client components, how to optimize and handle responsive images, add CSS transitions on load, implement infinite scroll pagination, and include a lightbox preview.

https://nemanjamitic.com/blog/2025-04-02-astro-react-gallery

Have you done something similar yourself, did you take a different approach? I would love to hear your feedback.