Configuring a Static Website With S3 And CloudFront

Lab Steps

lock
Logging in to the Amazon Web Services Console
lock
Creating an Amazon S3 Bucket for a Static Website
lock
Creating an Amazon CloudFront Distribution for the Static Website

The hands-on lab is part of these learning paths

Certified Developer – Associate Certification Preparation for AWS
course-steps
30
certification
6
lab-steps
22
description
2
AWS Networking & Content Delivery
course-steps
5
certification
2
lab-steps
5
AWS Advanced Networking – Specialty Certification Preparation
course-steps
20
certification
2
lab-steps
8
quiz-steps
4
more_horizSee 2 more

Ready for the real environment experience?

DifficultyBeginner
Time Limit1h 15m
Students6872
Ratings
4.8/5
starstarstarstarstar-half

Description

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?

Learning 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

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:

Updates

November 13th, 2020 - Updated all screenshots and instructions to reflect the latest user-interface changes

June 27th, 2019 - Added a custom validation lab step to check the work performed in the lab

January 10th, 2019 - Added a validation Lab Step to check the work you perform in the Lab

About the Author
Students18766
Labs37
Courses1
Learning paths1

Andrew is a Labs Developer with previous experience in the Internet Service Provider, Audio Streaming, and CryptoCurrency industries. He has also been a DevOps Engineer and enjoys working with CI/CD and Kubernetes.

He holds the AWS Certified Developer - Associate and AWS Certified Sysops Administrator - Associate certifications.