<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Alina Shujaat</title>
    <description>The latest articles on Forem by Alina Shujaat (@alina_shujaat_e1753c735c2).</description>
    <link>https://forem.com/alina_shujaat_e1753c735c2</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3610225%2Fca09354f-7bfc-4058-bc24-bff65a083b95.png</url>
      <title>Forem: Alina Shujaat</title>
      <link>https://forem.com/alina_shujaat_e1753c735c2</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/alina_shujaat_e1753c735c2"/>
    <language>en</language>
    <item>
      <title>Deploying a Static Portfolio Website Using AWS S3 (No Server Needed) 🚀</title>
      <dc:creator>Alina Shujaat</dc:creator>
      <pubDate>Tue, 19 May 2026 20:17:44 +0000</pubDate>
      <link>https://forem.com/alina_shujaat_e1753c735c2/deploying-a-static-portfolio-website-using-aws-s3-no-server-needed-ol4</link>
      <guid>https://forem.com/alina_shujaat_e1753c735c2/deploying-a-static-portfolio-website-using-aws-s3-no-server-needed-ol4</guid>
      <description>&lt;p&gt;As part of my Cloud Computing Internship, I completed my first project: The Global Launch — deploying a static website globally without provisioning any server.&lt;/p&gt;

&lt;p&gt;Instead of using traditional hosting, I leveraged AWS S3 Static Website Hosting to host a portfolio website in a cost-effective and scalable way.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Project Objective&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Build and deploy a personal portfolio/resume website that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Loads globally over the internet&lt;/li&gt;
&lt;li&gt;Requires no backend server&lt;/li&gt;
&lt;li&gt;Uses cloud storage only&lt;/li&gt;
&lt;li&gt;Is publicly accessible through a shareable URL&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Tech Stack&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;HTML5&lt;/li&gt;
&lt;li&gt;CSS3&lt;/li&gt;
&lt;li&gt;AWS S3&lt;/li&gt;
&lt;li&gt;AWS Bucket Policies&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Implementation Steps&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;1. Built a Static Portfolio Website&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Created a simple responsive website containing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;About Me&lt;/li&gt;
&lt;li&gt;Skills&lt;/li&gt;
&lt;li&gt;Projects&lt;/li&gt;
&lt;li&gt;Certifications&lt;/li&gt;
&lt;li&gt;Contact Information&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;*&lt;em&gt;Code on GitHub *&lt;/em&gt;&lt;br&gt;
Link: &lt;a href="https://github.com/Alina-Shujaat/MY_Portfolio.git" rel="noopener noreferrer"&gt;https://github.com/Alina-Shujaat/MY_Portfolio.git&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Created an AWS S3 Bucket
Go to AWS Console → S3
Configured a dedicated bucket for hosting website files.
bucket: alina-portfolio-website&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fnmh2qod4dl7f14yg6c8d.png" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fnmh2qod4dl7f14yg6c8d.png" alt=" " width="800" height="306"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Uploaded Website Files&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Uploaded:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;index.html&lt;/li&gt;
&lt;li&gt;style.css&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fe09lzd8803wt8ducuxn3.png" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fe09lzd8803wt8ducuxn3.png" alt=" " width="800" height="316"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Enabled Static Website Hosting&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Configured S3 bucket properties:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Enabled static hosting&lt;/li&gt;
&lt;li&gt;Set index document as:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;inside bucket:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Properties → Static Website Hosting&lt;/strong&gt;&lt;br&gt;
Enable:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Host static website&lt;/li&gt;
&lt;li&gt;Index document: index.html&lt;/li&gt;
&lt;li&gt;Save.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;AWS gives you an endpoint URL like:&lt;br&gt;
&lt;a href="http://alina-portfolio-website-2026.s3-website-us-east-1.amaz" rel="noopener noreferrer"&gt;http://alina-portfolio-website-2026.s3-website-us-east-1.amaz&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fkhq18y0jpovt0zzgp1im.png" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fkhq18y0jpovt0zzgp1im.png" alt=" " width="800" height="307"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fp0hxzyyvka465jhv9xez.png" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fp0hxzyyvka465jhv9xez.png" alt=" " width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5. Configured Public Access&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Disabled block public access and added bucket policy&lt;br&gt;
*&lt;em&gt;Bucket → Permissions → Bucket Policy:&lt;br&gt;
*&lt;/em&gt;&lt;br&gt;
&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fd29dr18jy90dxkvzbhe7.png" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fd29dr18jy90dxkvzbhe7.png" alt=" " width="800" height="312"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Final Result&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Successfully hosted a live static website accessible globally through an AWS S3 endpoint URL.&lt;/p&gt;

&lt;p&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2F7yj8p4w0k649tymnhkzq.png" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2F7yj8p4w0k649tymnhkzq.png" alt=" " width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Conclusion&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This project was a great hands-on introduction to real-world cloud deployment.&lt;/p&gt;

&lt;p&gt;Hosting websites without provisioning servers demonstrates how cloud services simplify infrastructure while reducing cost and complexity.&lt;/p&gt;

&lt;p&gt;Looking forward to building more cloud projects during my internship.&lt;/p&gt;

</description>
      <category>aws</category>
      <category>beginners</category>
      <category>serverless</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>🚀 Blue/Green Deployment, Ensuring Zero Downtime Deployments</title>
      <dc:creator>Alina Shujaat</dc:creator>
      <pubDate>Thu, 13 Nov 2025 15:09:38 +0000</pubDate>
      <link>https://forem.com/alina_shujaat_e1753c735c2/bluegreen-deployment-ensuring-zero-downtime-deployments-2o9b</link>
      <guid>https://forem.com/alina_shujaat_e1753c735c2/bluegreen-deployment-ensuring-zero-downtime-deployments-2o9b</guid>
      <description>&lt;p&gt;🧠 Introduction&lt;/p&gt;

&lt;p&gt;In modern software development, &lt;strong&gt;high availability&lt;/strong&gt; and &lt;strong&gt;continuous delivery&lt;/strong&gt; are key goals. Users expect applications to be online 24/7 — and even a few seconds of downtime can affect user experience and trust.&lt;/p&gt;

&lt;p&gt;That’s where &lt;strong&gt;Blue/Green Deployment&lt;/strong&gt; comes in. It’s a DevOps strategy that helps teams &lt;strong&gt;deploy new versions of applications safely&lt;/strong&gt;, &lt;strong&gt;test in production-like environments&lt;/strong&gt;, and &lt;strong&gt;roll back instantly&lt;/strong&gt; if needed.&lt;/p&gt;

&lt;p&gt;🎯 What Is Blue/Green Deployment?&lt;/p&gt;

&lt;p&gt;Blue/Green Deployment is a &lt;strong&gt;release strategy&lt;/strong&gt; that uses &lt;strong&gt;two identical environments&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Blue Environment&lt;/strong&gt; → The current live (production) version.&lt;br&gt;
&lt;strong&gt;Green Environment&lt;/strong&gt; → The new version (ready to replace Blue).&lt;/p&gt;

&lt;p&gt;Instead of updating the running application directly, you &lt;strong&gt;deploy the new version to Green&lt;/strong&gt;, test it, and then &lt;strong&gt;switch the traffic&lt;/strong&gt; from Blue to Green once it’s stable.&lt;/p&gt;

&lt;p&gt;This allows for:&lt;br&gt;
✅ Zero downtime&lt;br&gt;
✅ Easy rollback&lt;br&gt;
✅ Safer updates&lt;/p&gt;

&lt;p&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fzsfxwvonk3f2s4vji214.jpeg" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fzsfxwvonk3f2s4vji214.jpeg" alt=" " width="781" height="899"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;⚙️ How It Works (Step by Step)&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Set up two environments&lt;/strong&gt; — Blue (live) and Green (idle).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deploy the new version&lt;/strong&gt; of your application to Green.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Run tests and validation&lt;/strong&gt; on the Green environment.&lt;/li&gt;
&lt;li&gt;Once confirmed stable, &lt;strong&gt;redirect production traffic&lt;/strong&gt; from Blue to Green (for example, via Load Balancer or Route 53 in AWS).&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;Blue environment becomes idle&lt;/strong&gt; and can be updated or kept as a rollback option.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Example: Blue/Green Deployment on AWS&lt;/p&gt;

&lt;p&gt;In my project, I implemented Blue/Green deployment using &lt;strong&gt;AWS CodeDeploy&lt;/strong&gt;, &lt;strong&gt;EC2&lt;/strong&gt;, and &lt;strong&gt;Elastic Load Balancer (ELB)&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Steps I followed:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Configured &lt;strong&gt;two EC2 environments&lt;/strong&gt; (Blue and Green).&lt;/li&gt;
&lt;li&gt;Used &lt;strong&gt;CodeDeploy&lt;/strong&gt; deployment groups to manage traffic shifting.&lt;/li&gt;
&lt;li&gt;Integrated &lt;strong&gt;Elastic Load Balancer (ELB)&lt;/strong&gt; to handle live traffic switching.&lt;/li&gt;
&lt;li&gt;Verified deployment using &lt;strong&gt;AWS CloudWatch&lt;/strong&gt; and &lt;strong&gt;CodeDeploy logs&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This approach ensured &lt;strong&gt;zero downtime&lt;/strong&gt; and &lt;strong&gt;quick rollback capability&lt;/strong&gt; in case of any deployment issues.&lt;/p&gt;

&lt;p&gt;📊 Benefits of Blue/Green Deployment&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Zero downtime&lt;/strong&gt; — Users experience no interruptions.&lt;/li&gt;
&lt;li&gt;Instant rollback — Quickly revert if errors occur.&lt;/li&gt;
&lt;li&gt;Safe testing — Validate new releases in a live-like environment.&lt;/li&gt;
&lt;li&gt;Faster releases — Enable continuous delivery.
🧩 Real-World Use Cases&lt;/li&gt;
&lt;/ol&gt;

&lt;ul&gt;
&lt;li&gt;Rolling out new microservice versions safely.&lt;/li&gt;
&lt;li&gt;Updating containerized applications in &lt;strong&gt;ECS or EKS&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Deploying web apps in &lt;strong&gt;EC2&lt;/strong&gt; or &lt;strong&gt;Lambda&lt;/strong&gt; environments.&lt;/li&gt;
&lt;li&gt;Testing infrastructure updates before full release.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;💬 Conclusion&lt;/p&gt;

&lt;p&gt;Blue/Green Deployment is one of the most effective DevOps strategies for &lt;strong&gt;minimizing risk&lt;/strong&gt; during application updates. By maintaining two identical environments and switching traffic seamlessly, teams can achieve **continuous delivery with confidence.&lt;/p&gt;

&lt;p&gt;If you’re deploying on AWS, CodeDeploy’s Blue/Green support makes the process smooth and automated.&lt;/p&gt;

&lt;p&gt;✍️ Author&lt;/p&gt;

&lt;p&gt;👩‍💻Alina Shujaat&lt;br&gt;
Computer Science Major | Cloud &amp;amp; DevOps Enthusiast | AWS Learner&lt;br&gt;
🔗 &lt;a href="https://www.linkedin.com/in/alina-shujaat/" rel="noopener noreferrer"&gt;LinkedIn Profile&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fvfqcpgyiv20dete0vgru.jpeg" class="article-body-image-wrapper"&gt;&lt;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.amazonaws.com%2Fuploads%2Farticles%2Fvfqcpgyiv20dete0vgru.jpeg" alt=" " width="800" height="369"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>architecture</category>
      <category>cicd</category>
      <category>devops</category>
    </item>
  </channel>
</rss>
