Configuring a Static Website With S3 And CloudFront

Beginner

220 students completed the lab in ~36m

Total available time: 1h:0m

90+ students rated this lab!

Learn a simple procedure to create an inexpensive, highly available, low-latency static website with Amazon S3 and a CloudFront content delivery network

Lab Overview

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?

Lab Objectives

Upon completion of this lab you will 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

Lab Prerequisites

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

  • Create and navigate S3 buckets
  • Create CloudFront distributions

 

We recommend these labs as pre-requisites:

 

Lab Environment

After completing the lab instructions the environment should look similar to:

 

Follow these steps to learn by building helpful cloud resources

Log In to the Amazon Web Service Console

Your first step to start the Lab experience

Creating an S3 Bucket for a static S3 website

Create an S3 Bucket for a static S3 website with a CloudFront distribution

Create a CloudFront Distribution For The Static Website

Create a new CloudFront distribution to work with an S3 static website