Resume from AWS S3 and CloudFront :

Here is the Link of my Resume from S3 Endpoint: http://anil-kumar.com.s3-website-us-east-1.amazonaws.com/

In this Repo, i will explain how to host your resume on AWS S3 and use CloudFront to distribute it globally.

Prerequisites:

-> An AWS account with S3 and CloudFront access -> A domain name (optional)

Step 1: Create a resume with HTML and CSS

-> Firstly, create a resume with all your experiences and educational background. Then with the help of Opensource and youtube, try to create HTML and CSS file for that resume.

-> Once Your HTML and CSS file is ready, we are good to proceed further with AWS Services like S3 and CloudFront.

Step 2: Create an S3 Bucket

1. Open the S3 Console and click on "Create bucket"

2. Enter a unique name for your bucket like <your-name.com> so that the static website link will be close the outer website's link and select the region closest to your target audience.

3. Also make sure to uncheck the 'Block All Public Access' and acknowledge that. Leave other default settings for the next pages and click "Create bucket" at the end.

Step 2: Upload your Resume

1. Inside your bucket, click on "Upload"

2. Select your resume files i.e index.html and style.css and click "Next" (here I have uploaded headshot.png as I have added photo to my resume). if you want to add your photocopy to your resume, you can add that too.

3. Leave the default settings for the next pages and click "Upload" at the end

Step 3: Configure Bucket Permissions

1.bSelect your bucket and click on the "Properties" tab.

2. Click on Static website Hosting at the end and enable that.

3. Make sure that you added index.html and error.html there, generally it redirects your website endpoint to index.html and incase of any error, it redirects it to the content specified in the error.html.

4. Again, Select your bucket and click on the "Permissions" tab. Click on "Bucket Policy" and enter the following JSON policy, replacing "your-bucket-name" with your actual bucket name: Here, we are giving access for the Public to only read.

5. once it is done, click on Save

Step 4: Check in the Browser.

1. Once all the above steps are configured, You can go to 'Properties' Tab of your S3 Bucket and at the end, you will find static website hosting Where you can find the link of your S3 Bucket.

2. Try Pasting that link to your browser and check whether you can view your resume or not. In the below pic You can see my resume which is hosted on S3 Bucket.

Till Now, You have been successfull in Hosting your website on S3 Bucket endpoint, You will not be charged a single penny from AWS for utilising this S3 Service. But this is not secure and encrypted as we are using http and https.

So, To make this more secure and Stable, we will be using cloudFront Distribution which is used for content delivery Network and Host this website using https.

Step 5: Create a CloudFront Distribution

1. Open the CloudFront Console

2. Click on "Create Distribution"

3.Select "Web" as the delivery method and click "Get Started"

4. Configure the following settings:

Origin Domain Name: Select your S3 bucket from the dropdown list

Origin Path: Leave it empty

Origin ID: Auto-populated with the S3 bucket name

Viewer Protocol Policy: Redirect HTTP to HTTPS

Compress Objects Automatically: Yes

Price Class: Select the region closest to your target audience

Alternate Domain Names (CNAMEs): Enter your domain name (optional)

Leave the default settings for the next pages and click "Create Distribution" at the end

Step 5: Test your Distribution

1. Go to your CloudFront Distribution page and wait for the status to change to "Deployed"

2. Click on the Domain Name to open your resume in a new tab

3. Verify that your resume is displayed correctly. In the below picture, you can see that you are viewind resume from the CloudFront Distribution Domain Name.

(Optional)

-> If you already had a domain name, you can select that domain name while configuring CloudFront distribution, Also you need to update your DNS records to point to your CloudFront Distribution.

-> Create a CNAME record for your domain name, pointing to the CloudFront Domain Name

Congratulations, If you have followed all the steps till now, you have successfully hosted your resume on AWS S3 using CloudFront!