Host a static website on AWS S3 using Cloud Front Distribution and Route53

Host a static website on AWS S3, cache the content in edge locations via cloudfront, enable encryption in transit via ssl certificate and also connect it to your domain via Route 53.

Timestamps:
00:00 Introduction
00:33 Understanding CloudFront
02:40 Create Amazon S3 bucket
07:02 Redirect non-www URL to www URL via S3 bucket
08:20 Create SSL certificate in AWS Certificate Manager
11:09 Create a CloudFront distribution
14:28 Invalidate CloudFront cache
16:05 Link CloudFront distribution to Route53

Link to Amazon S3 bucket policy examples

[jattjamla]

Great article with step by step instructions that anyone can follow. Thanks @Vibhor Gupta for carving out some time to put this together. Really helpful.

[joeflanagan]

This was a very patient and detailed description but unfortunately it did not work for me. I am more a hobbyist than an IT person but I certainly appreciate all the work that went into this video. After many attempts my question is this: Has anyone been successful getting this to work? Also has AWS changed significantly in the two years since the video was produced?
Thank you for all the hard work!

[imanek]

This is an Amazing detailed video, really helped me a lot, thank you so much

[sureshandem]

hi i have a domain name registered in route53 and i have created 2 records, its been more than 1 hr but still i am not able to access my website It says "This site can’t be reached", but i am able to access with static website hosting URL

[gowthamip]

Thank you for providing valuable information about aws

[zachsandvik]

Hi Vibhor.
FIrst of all I would like to thank you for your efforts to explain the issue. I followed your directions thoroughly.
I noticed some differences.
I cannot create CNAME records in Route 53.
Of course AWS consoles change by the week. Buttons to add CNAMES records are not available. So I created a csv file of the CNAME records. (There is a button available to create a csv file)
Creating CNAME records manually does not work!!! Because AWS will generate an error respons!
So finally I didn't succeed creating CNAME records.
(I guess these CNAME records are needed to validate the certificate)
Next To validate my certificate I used the email option because DNS validation does not work.
Finally my certificate has been validated and I am able to choose the certificate inside the Cloudfront Distributions.
So at this moment I only have NS, SOA and 2 A Records inside my Hosted Zone.
Can I leave the hosted zone without CNAME Records?

I am using a Hugo static website.
Do I need to take more actions to publish Hugo static sites?
I really appreciate your support! ;-)

[ipreplaygaming]

Can you make same video with terraform

[akashjangwal]

I got error while edit bucket policy search many things and paste again but did not get result

[mahmudhossain]

Nice tutorial. Very detailed and informative. Keep up the good work.

[danielfootc]

Hi, can we still create a bucket in AP region? Why do you create the bucket in N.Virginia?

[varuntiwarijee]

Thanks vibhor, but if i correctly remember then earlier we do not need to edit bucket policy like this. correct me please if i am wrong

[vallamkondusaivarun]

should we purchase that .net domain for hosting website as shown

[lionessstephanie]

Thanks so muchhh. This helped me a lott

[sameerkhatri]

hi vibhor I created a bucket and store a 3d model which is sort of static website file containing index.html files but when i use iframe and add the file link to share on other website i was not able to see the 3d model actual problem is s3 don't allow to use generated link in the ifram so how can we remove that security please help

[mahadikpratik]

Best part about video it had good flow explaining hosting hosting of website with important concepts like Cloudfront with http to https routing ...Thanks for the video Vibhor

[padmavathykolli]

How much time it take to get validation status is success in ACM