Set up a CloudFront CDN for an S3 Bucket

[@segroegburner]

please never stop doing your amazing videos. I am watching all of them on S3. Very helpful

[@SamMeechWard]

Glad you like them 🤗

[@kahuds]

Godly tutorial was stuck on how to store images and and where and somewhere I saw someone mention using s3 and a cdn and this was the first tutorial ❤️

[@SamMeechWard]

🤗

[@michaelweems3080]

You’re my hero this last week. I was stuck on a few issues while making a website and stumbled across your videos. Finally, after wading through a sea of examples that got me 85% of the way there, your videos included that last 15% of detail I needed. Thank you!

[@roncobert]

I'd love to see a setup video to setup a VOD Film site (wordpress) that would communicate through Cloudfront CDN >>S3 Bucket and I want to charge for that viewing. Thanks!

[@aj98767]

Thanks for this informative and well executed tutorial

[@oscarmelgarejo8563]

Hey excellent video, I was looking for information about S3 and CloudFront and with this video I resolved all of them, thanks a lot 🤘🏽

[@jayhu6075]

I am very glad to find your channel about S3. I learn a lot in 30 minutes. Thx for that.

[@Zechey]

Thanks for these vids, got a project where I saved the images locally and this surely seems like the 2023 way of doing it

[@velara314]

Thank you! I think that they changed the settings for OAI to something else because I can't find anything that says OAI. What I see when creating a Cloudfront Distribution: Origin access: - Public - Origin access control settings (recommended) - Legacy access identities On Origin access info it says: "You can limit S3 bucket access to only authenticated requests from CloudFront. We recommend using origin access control (OAC) in favor of origin access identity (OAI) for its wider range of features, including support of S3 buckets in all AWS Regions."

[@maestrocode9164]

Thanks for the videos, Sam. They're very easy to follow and comprehend

[@SamMeechWard]

My pleasure 🤗

[@binwelbeck1482]

Thanks for the clear and directly to the point tutorials. Keep up the good work

[@Mrshweta559]

Great video!! Helped me a lot. Note: Now AWS suggests using OAC instead of OAI

[@Ghummakad_bhaya]

Very nice bro. Keep sharing content of frontend integration with cloud tech!! 🙌🏼

[@dan_le_brown]

Sam, for real your videos are real gems!

[@yusstilllearning2749]

Awesome !! Thank you Sam,iam waiting for more amazing video from you♥️

[@morph442]

Frickin' great explainer video! Thanks a lot, dude! Best first-step into this topic!

[@hemantchauhan6437]

Thank you so so much for this video.😊💗

[@sakshamsrivastava2492]

Bro, this is really great stuff, thanks for giving clarity on things

[@nojepnt]

Very nice tutorial! Thank you Sam!

[@alxbanana]

Top video! I have an issue with Cors .. I’m fetching an image from frontend (weird right) because I’m giving a feature to users to copy the image to clipboard. I guess I have to adjust settings in behaviours response headers but not sure how. I have already set my S3 to accept get requests from my origin domain.

[@clearthinking5441]

amazing video - thank you so much.

[@samuelreedy1389]

Bro loving your content, watched your old S3 and new S3 setup videos and they were great, then have been thinking about how I am going to get cloudfront set up and this pops up. Would be nice if you had a folder for your AWS setup content, I don't think I saw one when I looked on your profile.

[@rajugoud6465]

Removed all my queries in one single video, Thanks Man......

[@billynitrus]

Sam Meech-Ward thank you bro

[@vuongpham4176]

Great video. How about when the data in s3 is updated and we want to get the latest version from CDN? Do we have any steps for sync-up events or have to update by hand into the cdn server?

[@timefreedomtv]

This was really helpful brother thank you.

[@redkrystal]

nice clear straight to the point. none of that nonsense with Indian accent etc... thanks man. keep it up

[@gasanaelvis1777]

You are my hero bro. Great timing

[@SamMeechWard]

I made it just for you 🤗

[@adolp.h]

Hey sam thank you for this video it was great , could you please do one for signed cookies ? I have been trying but the documentation is not helping thank you.

[@erank3]

Thank you for the great explanation!

[@nibinharidas766]

It says Access Denied to me when I access any image like that, how to fix that?

[@austinm8823]

You're going to need to set up a bucket policy to view the images

[@MrGbupload]

great stuff, great delivery

[@njack4806]

Great video, great channel.

[@SamMeechWard]

Thank you 🤗

[@mra1972]

you are the best

[@biswanathdeyrosted7702]

Please make a video of vod using aws and nodejs Prevent download and how we can also implement it in flutter or react native

[@matlarasta]

Hey Thank you for this tuto ! Very easy ! I just don't understand why you don't have file extension in your bucket file ?

[@zackOverflow]

Awesome, you nailed it 👍

[@anagnorisis2024]

Sam thanks for your tutorial. If i have just a html facing web app on cloudfront and S3 and i want to retain my NS (not using AWS) and other DNS stuff on GoDaddy, how do i ensure that when visitors swing to just my cloudfront webapp from my site that it shows my site’s domain name? Right now, i am having issues with CNAMEing the CloudFront link on my DNS.

[@dobronravov1987]

Cool explanation, thanks.

[@hasnainasif1657]

Great Explanation

[@nitipatruengsatawit112]

Thank you for the videos, Can you make a video about signed cookie on cloudfront?

[@haopengzeng3323]

Amazing Video. Great Channel.

[@briankepha]

Awesome

[@xincheng6354]

whats your permission setup for Block public access in s3 bucket?

[@sabyasachisen8901]

Thanks for the video

[@samuelalejandroespinozacol6654]

my savior

[@billynitrus]

I was able to successfully stream/get from s3 bucket through cloudfront but repeatedly ran into 403 access denied errors despite 100% having the correct credentials and following syntax from your front end upload video. I believe it was a policy conflict, gonna start from scratch more slowly and try to figure out where I went wrong

[@alemari.27]

same issue, let me know!

[@billynitrus]

@@alemari.27 just got it working, ended up making a new distribution and key pair but I think the issue might’ve been the last quotation mark of my private key in .env starting on a new line as opposed to right after the dashes… not 100% sure

[@colbr6733]

Great series..👍

[@SamMeechWard]

Thanks 🤗

[@raba650]

How about when uploading images that are big in size? Somehow optimizing them before uploading them without loosing quality?

[@markbarlescu1853]

Thank you!

[@nikunjkaria]

can you upload folder with multiple files & directory to S3 and then access the same via CDN ?

[@ahmedalobed7382]

I saw when you uploaded the image, you generated a unique name for the image without an extention. Is this best practice for saving files on s3 without extentions at the end of the name? If a client get this object from s3 how he will know how should read it?

[@SamMeechWard]

It’s not best practice but it’s not necessary. Including the file type in the files meta data is important for the browser, the extension name isn’t. But you should probably just include the extension name anyway

[@dmitrymatio]

LFG!

[@SamMeechWard]

You go!

[@simranbanwait]

Noice

[@SamMeechWard]

🤗

[@mfz5166]

can i use cdm from cloudflare?

[@zawadhyaa]

Why not??

[@marcinajman6256]

6:09 accessDenied:/

[@typhoon110]

It says Access Denied to me when I access any image like that, how to fix that?

[@sebastianamariei2645]

hello typhoon I am having the exact same error, is there anything that you did to fix this?

[@nibinharidas766]

@@sebastianamariei2645 have u fixed it, im having this same trouble

[@renzvallinas3694]

​@@nibinharidas766same here, have you guys fix it?

[@BcozyouwatchIt]

Hello guys Here is the solution First you need to generate a signed url for that image. You can check other videos for that. That signed url is accessible not a simple one.

[@HussainMohammedAshruf]

@@BcozyouwatchIt Any idea does each image need to have its own signed url? I have a requirement for number of html pages linked to each other.