Static Web App Deployment

[samsorrahman]

What Roadmap is this project for?

DevOps

Project Difficulty

Beginner

Add Project Details

Goal: This project aims to help you practice deploying a static web application using infrastructure as code and cloud-based hosting. You’ll gain experience with AWS S3 for hosting, use Terraform to automate deployment, and configure CloudFront as a CDN to improve performance and availability.

Requirements

1. Static Web Application: Deploy a simple, pre-built React app to AWS S3 for static hosting. This will act as the frontend of the application.

2. Automation with Terraform:

• Use Terraform to provision and configure AWS resources, including the S3 bucket and permissions needed for hosting the static app.
• Automate the deployment process, allowing for quick setup and teardown.

3. Content Delivery Network (CDN):

• Set up AWS CloudFront as a CDN to distribute the React app globally.
• Configure CloudFront to cache content for fast load times, improve resilience, and reduce latency for users.

4. Additional Configuration:

• Implement basic security measures by configuring bucket policies and ensuring that the S3 bucket is only accessible through CloudFront.
• Optimize caching and invalidation settings for efficient updates to the deployed app.

Objectives: By completing this project, you’ll build foundational skills in deploying static sites on AWS and automating infrastructure setup using Terraform. This experience will help prepare you for deploying more complex cloud-based applications and managing infrastructure as code in production environments.