How to host a NextJS website with a ton of images?
Unanswered
White-tailed Tropicbird posted this in #help-forum
White-tailed TropicbirdOP
So I wanted to host a website that has a lot of images.
I tried using AWS Amplify but I get a "The size of the output build is too big" error, because I have a bunch of images in the
How do I make this work with image optimization?
I've read you can store the image in a S3 bucket, but that loses you the image optimization part.
I tried using AWS Amplify but I get a "The size of the output build is too big" error, because I have a bunch of images in the
/public folder.How do I make this work with image optimization?
I've read you can store the image in a S3 bucket, but that loses you the image optimization part.
6 Replies
White-tailed TropicbirdOP
Maybe some alternatives to AWS Amplify?
Vercel is wayy too expensive. (No I cant do it under the hobby license, because it's for my fathers firm)
Vercel is wayy too expensive. (No I cant do it under the hobby license, because it's for my fathers firm)
@White-tailed Tropicbird Maybe some alternatives to AWS Amplify?
Vercel is wayy too expensive. (No I cant do it under the hobby license, because it's for my fathers firm)
White-tailed TropicbirdOP
But that's just avoiding the problem
How do I do it properly? How do big websites do it?
maybe u want to use cloudinary, imgix and so on
French Spaniel
Take a look at this article by AWS
https://aws.amazon.com/blogs/networking-and-content-delivery/amazon-s3-amazon-cloudfront-a-match-made-in-the-cloud/
https://aws.amazon.com/blogs/networking-and-content-delivery/amazon-s3-amazon-cloudfront-a-match-made-in-the-cloud/
European sprat
And also this for remotely hosted images https://nextjs.org/docs/app/api-reference/components/image#remotepatterns