I’m making a timeline feature in my Next.js application that will display around 50-100 static images.

(The site is protected by middleware, so only users I authorize can access it)

(It doesn’t have to be the fastest solution)

I’m looking for advice on the best way to store and serve these images in my application.
I’d prefer a free solution.

I’ve seen some suggestions to place images directly in the public or src directories within the Next.js project. I’ve also come across mentions of using services like Amazon S3 or Cloudinary.

Where or how do I store them, so I can use them in my Next.js application?

Thanks in advance!