The latest articles on DEV Community by SAMIKSHA PM (@samiksha_muthukumar). https://dev.to/samiksha_muthukumar https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4125490%2F54ded86a-bbe0-40fa-8092-d45637631e84.jpg https://dev.to/samiksha_muthukumar en SAMIKSHA PM Tue, 15 Sep 2026 07:05:16 +0000 https://dev.to/samiksha_muthukumar/cloud-workshop-day-1-52ai https://dev.to/samiksha_muthukumar/cloud-workshop-day-1-52ai <h2> Introduction </h2> <p>Today was Day 1 of my Cloud Workshop. As part of the hands-on session, I deployed my personal portfolio website using <strong>Amazon S3</strong> and <strong>Amazon CloudFront</strong>.</p> <p>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.</p> <h2> Technologies Used </h2> <ul> <li>Amazon S3</li> <li>Amazon CloudFront</li> <li>HTML</li> <li>CSS</li> <li>AWS Management Console</li> </ul> <h2> Step 1: Creating an Amazon S3 Bucket </h2> <p>I started by opening <strong>Amazon S3</strong> from the AWS Management Console.</p> <p>I created a new bucket with the following details:</p> <ul> <li> <strong>Bucket Name:</strong> <code>samiksha-44-15</code> </li> <li> <strong>Region:</strong> Europe (Stockholm) – <code>eu-north-1</code> </li> </ul> <p>The bucket was successfully created and appeared in the S3 bucket list.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Foyzk3q6f362xl87ptjqw.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Foyzk3q6f362xl87ptjqw.png" alt=" " width="799" height="317"></a></p> <h2> Step 2: Uploading My Portfolio </h2> <p>After creating the S3 bucket, I uploaded my portfolio website files to the bucket.</p> <p>The main website file is:</p> <p><code>index.html</code></p> <p>The portfolio contains sections such as:</p> <ul> <li>Home</li> <li>About</li> <li>Skills</li> <li>Projects</li> <li>Experience</li> <li>Contact</li> </ul> <p>Amazon S3 was used to store the static website files.</p> <h2> Step 3: Creating a CloudFront Distribution </h2> <p>Next, I opened <strong>Amazon CloudFront</strong> from the AWS Management Console.</p> <p>CloudFront is used to distribute website content through a network of locations so that content can be delivered efficiently to users.</p> <p>I selected <strong>Create distribution</strong> and configured my S3 bucket as the origin.</p> <h2> Step 4: CloudFront Distribution </h2> <p>The CloudFront distribution was successfully created and became <strong>Enabled</strong>.</p> <p>The S3 bucket was configured as the origin for the distribution.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fkgx7o5n0lfraapjv79dm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fkgx7o5n0lfraapjv79dm.png" alt=" " width="800" height="326"></a></p> <h2> Step 5: Accessing My Portfolio </h2> <p>After the CloudFront distribution was enabled, I opened the CloudFront distribution domain in my browser.</p> <p>My portfolio website was successfully displayed through the CloudFront distribution.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Folhxr3v236w4p8piqfve.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Folhxr3v236w4p8piqfve.png" alt=" " width="800" height="427"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F42kbbqlysig1nur96hu6.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F42kbbqlysig1nur96hu6.png" alt=" " width="799" height="429"></a></p> <p>What I Learned</p> <p>Through this hands-on activity, I learned:</p> <p>How to create an Amazon S3 bucket<br> How to upload website files to S3<br> How S3 can be used for static website hosting<br> The purpose of Amazon CloudFront<br> How to create a CloudFront distribution<br> How to configure an S3 bucket as a CloudFront origin<br> How to access a deployed website through a CloudFront domain<br> Final Result</p> <p>Successfully deployed my personal portfolio using Amazon S3 and Amazon CloudFront.</p> <p>This hands-on session gave me practical exposure to AWS cloud services and helped me understand the basic workflow of deploying a static website.</p> <p>Conclusion</p> <p>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.</p> <p>Looking forward to learning more about cloud computing in the upcoming sessions! 🚀</p> <h1> aws #cloudcomputing #amazons3 #cloudfront #webdevelopment #learninginpublic </h1> aws cloud tutorial webdev