Introduction
Today was Day 1 of my Cloud Workshop. As part of the hands-on session, I deployed my personal portfolio website using Amazon S3 and Amazon CloudFront.
In this session, I learned how to create an S3 bucket, use it to host my website, and create a CloudFront distribution for accessing the website.
Technologies Used
- Amazon S3
- Amazon CloudFront
- HTML
- CSS
- AWS Management Console
Step 1: Creating an Amazon S3 Bucket
I started by opening Amazon S3 from the AWS Management Console.
I created a new bucket with the following details:
-
Bucket Name:
samiksha-44-15 -
Region: Europe (Stockholm) –
eu-north-1
The bucket was successfully created and appeared in the S3 bucket list.
Step 2: Uploading My Portfolio
After creating the S3 bucket, I uploaded my portfolio website files to the bucket.
The main website file is:
index.html
The portfolio contains sections such as:
- Home
- About
- Skills
- Projects
- Experience
- Contact
Amazon S3 was used to store the static website files.
Step 3: Creating a CloudFront Distribution
Next, I opened Amazon CloudFront from the AWS Management Console.
CloudFront is used to distribute website content through a network of locations so that content can be delivered efficiently to users.
I selected Create distribution and configured my S3 bucket as the origin.
Step 4: CloudFront Distribution
The CloudFront distribution was successfully created and became Enabled.
The S3 bucket was configured as the origin for the distribution.
Step 5: Accessing My Portfolio
After the CloudFront distribution was enabled, I opened the CloudFront distribution domain in my browser.
My portfolio website was successfully displayed through the CloudFront distribution.
What I Learned
Through this hands-on activity, I learned:
How to create an Amazon S3 bucket
How to upload website files to S3
How S3 can be used for static website hosting
The purpose of Amazon CloudFront
How to create a CloudFront distribution
How to configure an S3 bucket as a CloudFront origin
How to access a deployed website through a CloudFront domain
Final Result
Successfully deployed my personal portfolio using Amazon S3 and Amazon CloudFront.
This hands-on session gave me practical exposure to AWS cloud services and helped me understand the basic workflow of deploying a static website.
Conclusion
Day 1 of my Cloud Workshop was a great hands-on learning experience. I successfully created an S3 bucket, configured CloudFront, and accessed my portfolio through the CloudFront distribution.
Looking forward to learning more about cloud computing in the upcoming sessions! 🚀
Top comments (0)