In this AWS hands-on lab, we will create and configure a simple static website. We will go through configuring that static website with a custom error page. This will demonstrate how to create a cost-efficient website hosting for sites that consist of files like HTML, CSS, JavaScript, fonts, and images.
Learning Objectives
Successfully complete this lab by achieving the following learning objectives:
- Create S3 Bucket
Create an S3 bucket in the
us-east-1
region, and upload the code for the static site.- Enable Static Website Hosting
You can use Amazon S3 to host a static website. On a static website, individual web pages include static content. They might also contain client-side scripts.
To host a static website on Amazon S3, configure an Amazon S3 bucket for website hosting and then upload your website content to the bucket.
When you configure a bucket as a static website, you must enable website hosting, set permissions, and create and add an index document.
- Apply Bucket Policy
To make objects in your bucket publicly readable, write a bucket policy that grants everyone
s3:GetObject
permission.After you edit S3 Block Public Access settings, you can add a bucket policy to grant public read access to your bucket. When you grant public read access, anyone on the internet can access your bucket.