Configuring a Static Website With S3 And CloudFront

Beginner

106 students completed the lab in ~30m

Total available time: 1h:0m

40+ students rated this lab!

You can easily and inexpensively use Amazon Web Services (AWS) to host a website that uses client-side technologies (such as HTML, CSS, and JavaScript) and does not require server-side technologies (such as PHP and ASP.NET). This type of site is called a static website and is used to display content that does not change frequently.

During this lab, you will host your static website using the Amazon Simple Storage Service ( S3) so that it is secure, fast, protected against data loss, and can scale to support enterprise-level traffic. To do that, you'll store your website files on Amazon S3 and also use S3 to deliver your content to visitors to your website.

After setting up the static website on S3, this lab will show you how to use Amazon CloudFront to create a content delivery network (CDN). A CDN makes your website content available from data centers around the world, called edge locations. Using edge locations improves the speed of your website by reducing latency. Doing so is especially important if your website displays large media files such as high-resolution images, audio, or video.

Are you ready to get started?

 

Pre-requisites:

This is a beginner level Lab, however, in order to follow the next steps you should be able to:

  • Create S3 buckets
  • Set permissions for buckets and objects using ACLs and bucket policies
  • Create CloudFront distributions

We recommend these labs as pre-requisites:

Learning Objectives:

By the end of this lab you should be able to:

  • Configure static website hosting on Amazon S3
  • Configure static websites to work with CloudFront distributions

Do you have questions about this lab? Contact our cloud experts in our community forum or send an email to support@cloudacademy.com.

Follow these steps to learn by building helpful cloud resources

Log In to the Amazon Web Service Console

Your first step to start the laboratory experience

Create a S3 Static Website

In this step, you will create a new S3 static website

Create a CloudFront Distribution For The Static Website

In this step, you will create a new CloudFront distribution to work with the S3 static website