AWS Cloud Workshop – Portfolio Website Deployment Using S3 and CloudFront
Introduction
As part of the AWS Cloud Workshop, I learned the basic concepts of cloud computing and explored different AWS services used for hosting and deploying websites. The main services covered during the workshop were Amazon S3 and Amazon CloudFront. As a practical activity, I created and published my personal portfolio website using these AWS services. This workshop helped me understand how websites can be hosted on the cloud without requiring a physical server.
Amazon S3
Amazon Simple Storage Service (S3) is a cloud-based object storage service provided by AWS. It can be used to store and retrieve different types of files such as HTML files, CSS files, JavaScript files, images, and other resources. During the workshop, I created an S3 bucket and used it to store the files of my portfolio website. The website files were uploaded into the bucket, and the required configuration was done to make the website accessible through the internet.
Portfolio Website Deployment
For the practical implementation, I created a personal portfolio website containing information such as my introduction, skills, projects, education, and contact details. The website was developed using basic web technologies such as HTML and CSS. After completing the website, all the required files, including the HTML, CSS, and image files, were uploaded to the Amazon S3 bucket. The S3 bucket was then configured for static website hosting, with the index.html file specified as the main page of the website. After completing the configuration, I tested the website to make sure that all the contents and styling were displayed correctly.
Amazon CloudFront
Amazon CloudFront is a Content Delivery Network (CDN) service provided by AWS. It is used to deliver website content to users with lower latency by distributing content through AWS edge locations. During the workshop, I created a CloudFront distribution and configured the S3 bucket as the origin. The portfolio website was connected to CloudFront, and the default root object was configured as index.html. After the distribution was successfully deployed, CloudFront provided a domain name through which the portfolio website could be accessed.
Testing and Verification
After completing the S3 and CloudFront configuration, I tested the portfolio website using the CloudFront URL in a web browser. The homepage was successfully displayed, and I verified that the different sections, images, styles, and other website resources were loading correctly. This confirmed that the portfolio website had been successfully deployed on AWS and was accessible through the internet.
Learning Outcomes
Through this workshop, I gained practical knowledge about cloud computing and AWS services. I learned how to create an S3 bucket, upload and manage website files, configure static website hosting, and deploy a portfolio website. I also learned about Amazon CloudFront and how a CDN can be used to efficiently deliver website content. The practical experience helped me understand the basic process of deploying and accessing a website using cloud infrastructure.
what we have learned
Conclusion
The AWS Cloud Workshop provided me with hands-on experience in deploying a static portfolio website using Amazon S3 and Amazon CloudFront. S3 was used to store the website files, while CloudFront was used to distribute the content efficiently. Successfully publishing my portfolio website helped me understand how cloud services can be used for website hosting and content delivery. Overall, the workshop gave me a better understanding of AWS and the practical applications of cloud computing.
Top comments (0)