SPA modals with images gallery

[Seybo]

I'm building my first NextJs app with Strapi on the back-end. It is fully server-rendered (at least for now). The app is a SPA that will have some modal windows showing different projects. Each modal will have a bunch of pics (gallery slideshow) and some text. My question is what is the proper approach to do it?

• i think prerendering all the images for all the modals is definitely a bad idea
• can/should i fetch images on modal open? any library suggestions for this case?
• maybe there is some lazy loading option available in NextJs already that i should use?

What i want to achieve is: when a modal is opened it instantly shows the first image (it was already fetched and ready to use) and starts fetching all the rest of the project's images