AWS Tutorial - How To Host A Static Website With Namecheap, Route 53, Cloudfront, S3 and SSL 

BEST TUTORIAL ON INTERNET. I was crying for last 3 hours.

i spent 2 days fiddling around not able to deploy my own site. your video cleared everything up. thanks so much!

Great! It worked! However, I made a few mistakes along the way (that cost me so much time) because I had previously defined buckets and distributions that I applied earlier by following other articles/tutorials. My advice to anyone who struggled with different methods from other tutorials before applying this tutorial: 1. DO NOT MODIFY your pre-defined buckets, distributions, records, etc. in case you tried different tutorials from articles or elsewhere. 2. DELETE any pre-defined buckets, distributions, route 53 hosted zones you had before getting started with this tutorial. 3. APPLY each step along the way CAREFULLY to avoid time-wasting errors. Good luck and thanks Vlad!

Thank you, was struggling with the NameCheap Host entry part. (Just as you mentioned, everyone does this wrong. haha!) Also other parts of this tutorial got me over the finish line! Had done this process before entirely in AWS but new to using external domains.

Thank you! I was completely stuck and could not find a clear explanation of the problem to deploy my site. With your help, my website is live!

OMG!!! You are such a genius!!! Love your explanation, thanks for sharing your knowledge with the world!! It really helped me a lot!! You earned a new follower!!!

You are my hero.... after I spend tons of time googling, looking for what I was doing wrong, you, like an angel from heaven, had everything I needed in this video. Thank you, thank you, thank you!

Very well done tutorial - thanks Vlad! One thing to note - at around 14:00 in the CloudFront section when configuring Distribution Settings you may find that the 'Custom SSL Certificate' option is greyed-out. I looked around in the AWS forums and many users had the same issue. I didn't find a definitive answer on why this occurs, but the consensus seems to be that you may need to wait a while for this to become available after you create your certificate - something about the time it takes for your certificate to propagate. I found this to be true - I waited overnight and when I logged back in the next morning this option was no longer greyed out and I was able to proceed with the configuration. Hope this is helpful if anyone else runs into this issue.

thanks for this and thanks for showing the part about the A records. I think a lot of people forget to set those. Much appreciated.

Great video Vlad! Thanks for all of this knowledge. As a frontend developer who hasn't dug into AWS as much yet, this video was really helpful. Subscribed!

This is an absolutely amazing guide! Thank you so much! Well done and easy to digest, you saved me SO much time ♥

Hi Vlad. I know some views have been critical about the "back and forth" aspect of this video. However, when push comes to shove, this video covered just about everything I was looking for. I too run a small YT channel, and I can attest to the time it takes to make a video (let alone edit them). Often times, it's just better to just get the content out rather than polish it up. *Here comes a 👍and a sub.*

Thank you so much! Almost an year and still so accurate :)

Awesome guide Vlad! Finally a tutorial that works. I just didn't need to add CNAME record in namecheap for DNS validation. I already have done that with another certificate for the same domain. Would it be because of that?

Thanks Vlad bro, you are taking time out and trying to help us out here. I"ve been following this video and setting up a static site. Having all sort's of issues

Hello BROOOOO, Thank you a lot, your video is very well made, you have a nice voice and flow, and my website is running like hell, thanks again!

Great tutorial! Thank you! One note: I don't think you need to add the certificate to the namecheap, at least not anymore, as namecheap allows you to add custom CNAME only if you use the namecheap standard DNS, and when you switch to custom DNS - it will wipe out all your settings for this. Instead, you need to add certificate to the CloudFront distribution

Hello Vlad, any video on how to host a NestJS Backend? Thanks, great teaching style.

Awesome insights. Exactly what I needed. Thanks a million

I FUXING LOVE YOU, THERE IS SO MUCH WRONG INFORMATION ON HOW TO PROPERLY DEPLOY SSL CERTS, AND YOURS IS THE ONYL ONE THAT ACTUALLY WORKS, 10000000X THANK YOU'S!

Super solid video, extremely coherent and well explained!

Hey, I understood everything you walked us though. I had a doubt, why do we use 2 S3 buckets, can't we just have 1S3 bucket and we can redirect url in route53? I have watched videos in case of ec2 instances domain mapping. I did to do that myself but I wasn't getting any option in the case of Alias to records in route53 which I thought to be our parent website with the www. in it. Btw really appreciate your work.

Thank you! Making the tutorials in Thai. This is very helpful!!

great video dude. Keep up this good works..

Very helpful video. also has additional suggestions that actually save your time.

excellent video thank you very much, keep it up

Thank you soo much.. it is very help full

Two questions... 1. Can we buy and associate SSL to domain from namecheap itself... 2. In case of an angular app - final build produces static files - so what is the advantages of using cloudfront+s3 compared to using hosting from namecheap directly

Great video. Keep up the good work.

Thank you very much!

Great tutorial Vlad! You really nailed in allowing both www and https, as these were the conditions that I wanted to fulfill. Question: When you go to change NAMESERVERS to Custom DNS at namecheap, the host record we inputted before (following your instructions) disappears. Would that matter?

Great video Vlad, thank you.

Please can you make another video since this one is fairly old or does this procedure still work?

Thanks for the video, much appreciated! Question: at 30:55 should the Price Class be as you set or same as for www that is US, Canada, Europe?

I hope you loved this video! 🙂 📮Consider subscribing to my newsletter: codewithvlad.substack.com 🔥 And follow me on Twitter: twitter.com/vladimir_agaev

Great video! Can you tell me how I can modify the website afterward?? Thanks :)

thank you very much

very useful

It worked for base url, but when cliked on pretty url like www.example.com/aboutus I get 403 error: This XML file does not appear to have any style information associated with it. The document tree is shown below.

if we add AWS's NS record into our domain name provider then whatever A name recorder that we had added in our Domain provider's dashboard will not work correct?

does sometime means for ever in english ???

Thanks broth!

The interface of the Cloudfront has changed and I can't follow it. Could you please update?

would this work for websites coded in rails, angular or react?

good video but you do not say what you are trying to do, so it's difficult to follow you

Dude why did you make it all confusing towards the end? Could you not have edited your mistakes out? I went thru halfway only to make changes to everything smh

Yeah, sorry, but I need to agree with others. Super confusing, I'm an IT guy, but these jumping back and forth is a wrong teaching method. DON'T do that.

Thank you very much!