How can I configure my S3 bucket to have a custom domain like cdn.enhanceai.art for serving images on my website https://enhanceai.art?

Question

I'm looking to enhance the performance of my website, https://enhanceai.art, by optimizing the delivery of images through Amazon S3. Currently, I am using an S3 bucket to store these images, but I want to customize the S3 bucket URL to something like cdn.enhanceai.art for a more branded and streamlined experience.

Could you guide me through the steps on how to achieve this? I want to ensure that when users access images on my website, they are served seamlessly from a custom domain like cdn.enhanceai.art associated with the S3 bucket. Your assistance in configuring this setup would be greatly appreciated.

Accepted Answer

Hello.

In that case, I think it would be a good idea to edit CloudFront's OAC and S3 bucket policy to publish the images.  
https://aws.amazon.com/jp/blogs/networking-and-content-delivery/amazon-cloudfront-introduces-origin-access-control-oac/

Please check the following document for detailed setting method.  
https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/private-content-restricting-access-to-s3.html

Please check the following documentation to set up your domain on CloudFront.  
https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/CNAMEs.html

How can I configure my S3 bucket to have a custom domain like cdn.enhanceai.art for serving images on my website https://enhanceai.art?

Relevant content