The latest articles on DEV Community by cent-dxv (@centdxv). https://dev.to/centdxv 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%2F768800%2F9245060c-fc39-4414-b062-effc663243ae.png https://dev.to/centdxv en cent-dxv Tue, 26 Aug 2025 09:41:50 +0000 https://dev.to/centdxv/30-aws-lab-challenge-part-1-hosting-with-elastic-beanstalk-2mio https://dev.to/centdxv/30-aws-lab-challenge-part-1-hosting-with-elastic-beanstalk-2mio <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.amazonaws.com%2Fuploads%2Farticles%2Fx2dcx9i6atrs7o1ekrts.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.amazonaws.com%2Fuploads%2Farticles%2Fx2dcx9i6atrs7o1ekrts.png" alt=" " width="800" height="800"></a></p> <h1> <strong>🚀 30+ AWS Lab Challenge – Part 1: Hosting with Elastic Beanstalk</strong> </h1> <p>After earning my <strong>AWS Certified Developer – Associate</strong> certification 🎓, I wanted to push myself beyond just theory.<br><br> That’s why I started a personal challenge: <strong>30+ AWS Labs</strong> — one service at a time, hands-on, step by step. </p> <p>This is <strong>Part 1</strong> of that challenge: <strong>AWS Elastic Beanstalk</strong>. </p> <h2> 🌱 What is AWS Elastic Beanstalk? </h2> <p>Think of Elastic Beanstalk as a gardener for your app. </p> <ul> <li>You bring your app (like seeds 🌱). </li> <li>Beanstalk plants it, waters it, and makes sure it grows in healthy soil (servers, scaling, monitoring). </li> <li>You don’t need to worry about the hard stuff like EC2 setup, load balancers, or scaling. AWS does that for you. </li> </ul> <p>It’s one of the <strong>easiest ways to deploy apps on AWS</strong> without being a DevOps expert. </p> <h2> 🛠️ Step-by-Step Lab </h2> <p><strong>1️⃣ Create a React app</strong><br><br> For this lab, I used <strong>Lovable.dev</strong> (a no-code AI tool) to generate a sample project: a <strong>luxury tennis club app</strong> where users can book courts.<br><br> Then I refined the project locally with <strong>VS Code + GitHub</strong>. </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.amazonaws.com%2Fuploads%2Farticles%2Fopsrt767fginjx0dynrs.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.amazonaws.com%2Fuploads%2Farticles%2Fopsrt767fginjx0dynrs.png" alt=" " width="800" height="800"></a></p> <p><strong>2️⃣ Prepare the project</strong> </p> <ul> <li>Build your app with <code>npm run build</code>. </li> <li>Add a <strong>Procfile</strong> that tells Beanstalk how to run the app. </li> <li>Zip your <code>dist</code>, <code>package.json</code>, <code>Procfile</code>, and configs. </li> </ul> <p><strong>3️⃣ Create an environment in Elastic Beanstalk</strong> </p> <ul> <li>Choose <strong>Web Server</strong> (for websites) or <strong>Worker</strong> (for background jobs). </li> <li>Elastic Beanstalk will handle EC2, load balancers, and scaling for you. </li> </ul> <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.amazonaws.com%2Fuploads%2Farticles%2F27lvysv38z1ecz8objlh.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.amazonaws.com%2Fuploads%2Farticles%2F27lvysv38z1ecz8objlh.png" alt=" " width="800" height="800"></a></p> <p><strong>4️⃣ Configure service access</strong><br><br> Elastic Beanstalk runs on EC2 behind the scenes, so: </p> <ul> <li> <strong>Service Role</strong> → allows Beanstalk to manage AWS resources. </li> <li> <strong>Instance Profile</strong> → gives EC2 instances permissions (like pulling logs or accessing S3). </li> <li>Optional: Add an <strong>SSH Key</strong> if you want to log in to your EC2 instance later. </li> </ul> <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.amazonaws.com%2Fuploads%2Farticles%2Fevc58btrs8ghtwk1saty.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.amazonaws.com%2Fuploads%2Farticles%2Fevc58btrs8ghtwk1saty.png" alt=" " width="800" height="800"></a></p> <p><strong>5️⃣ Extra configuration (optional for beginners)</strong> </p> <ul> <li> <strong>VPC</strong> → choose a private network. </li> <li> <strong>Scaling</strong> → set how many instances should run. </li> <li> <strong>Monitoring</strong> → keep track of health/logs. </li> </ul> <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.amazonaws.com%2Fuploads%2Farticles%2Fyikq0lqzzwgghr0p849e.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.amazonaws.com%2Fuploads%2Farticles%2Fyikq0lqzzwgghr0p849e.png" alt=" " width="800" height="800"></a></p> <p><strong>6️⃣ Deploy 🚀</strong><br><br> Upload your zip → Elastic Beanstalk provisions everything → you get a live URL! </p> <p><strong>7️⃣ Celebrate 🎉</strong><br><br> Your React app is now live on AWS!<br><br> (For budget reasons, I’ll keep it up only until a spending alert is triggered.) </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.amazonaws.com%2Fuploads%2Farticles%2F555sdfq5gvic1yjrsd0x.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.amazonaws.com%2Fuploads%2Farticles%2F555sdfq5gvic1yjrsd0x.png" alt=" " width="800" height="800"></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.amazonaws.com%2Fuploads%2Farticles%2Fxdo5ueh0u8x7ffl2a9k0.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.amazonaws.com%2Fuploads%2Farticles%2Fxdo5ueh0u8x7ffl2a9k0.png" alt=" " width="800" height="800"></a></p> <h2> 📌 What’s Next? </h2> <p>✨ This is just <strong>Part 1 of my 30+ AWS Lab Challenge</strong>.<br><br> I’ll be posting every lab breakdown here on <strong>DEV.to</strong> and also on LinkedIn. </p> <p>👉 Follow along on my journey: </p> <ul> <li>🔗 <a href="https://www.linkedin.com/in/centsamuel/" rel="noopener noreferrer">My LinkedIn Profile</a> </li> </ul> <p>Stay tuned — next up, I’ll dive into another AWS service, explained step by step in <strong>simple English</strong>. </p> <p>✅ <strong>Source of inspiration:</strong> <a href="https://aws.amazon.com/elasticbeanstalk/" rel="noopener noreferrer">AWS Elastic Beanstalk Documentation</a> </p> <h1> AWS #CloudComputing #DevOps #ElasticBeanstalk #LearningInPublic #AWSLabs </h1>