Amazon CloudFront is a content distribution network (CDN) that caches content like images and videos, making them faster to load. With points of presence all over the world, you can easily get your content closer to you and your users.
In this hands-on tutorial, we create a simple website (an index.html page with a picture) and upload the files to an S3 bucket. Then we create a new CloudFront distribution that points to the S3 bucket, setting up new origin access control. And then voila! We can load our website using the CloudFront distribution domain name.
? If you want to use the code in the index.html file, you can find it here: https://drive.google.com/file/d/13WGDEQwJNyl3ucIjzzIfhuApAQYyWmhz/view?usp=sharing
??If you’re interested in getting AWS certifications, check out these full courses. They include lots of hands-on demos, quizzes and full practice exams. Use FRIENDS10 for a 10% discount!
– AWS Certified Cloud Practitioner: https://academy.zerotomastery.io/a/aff_n20ghyn4/external?affcode=441520_lm7gzk-d
– AWS Certified Solutions Architect Associate: https://academy.zerotomastery.io/a/aff_464yrtnn/external?affcode=441520_lm7gzk-d
00:00 – Overviewing CloudFront and its locations
00:44 – How CloudFront works (using a cat picture, of course)
01:37 – What we’re going to build together in CloudFront
01:57 – Creating an S3 bucket and uploading an index.html page and picture
03:17 – Access denied error trying to access files in an S3 bucket
03:49 – Creating a new CloudFront distribution
04:20 – Choosing the origin domain for CloudFront
04:41 – Setting up origin access control for CloudFront
06:12 – Updating the S3 bucket policy for CloudFront access
07:46 – Testing our webpage and picture through CloudFront distribution domain name
08:50 – IMPORTANT! Delete your CloudFront distribution, origin access and S3 bucket
