What is AWS?
“AWS Meaning: The Amazon Web Services (AWS) platform provides more than 200 fully featured services from data centers located all over the world, and is the world’s most comprehensive cloud platform.Amazon web service is an online platform that provides scalable and cost-effective cloud computing solutions.AWS is a broadly adopted cloud platform that offers several on-demand operations like compute power, database storage, content delivery, etc., to help corporates scale and grow.”
Static Web Hosting with S3 & Route53
React is a widely-used JavaScript library for constructing user interfaces. Through AWS, we can effortlessly deploy and host React apps using various AWS services. This article outlines the process of building and hosting a React app in AWS, utilizing IAM access for security, Github Actions for code deployment, S3 for static web hosting, CloudFront for content delivery, and Route 53 for DNS management.
IAM Access Management
AWS provides IAM (Identity and Access Management), a secure service for managing access to AWS resources. IAM enables us to create and manage AWS users and groups, and control their access to AWS resources. IAM access was used to secure the React app.
Github Actions for Code Deployment
Github Actions is a feature of Github that automates tasks such as building, testing, and deploying code. Github Actions was utilized to automatically push the code to an AWS S3 bucket whenever changes were made to the codebase.
S3 for Static Web Hosting
Amazon S3 (Simple Storage Service) is a fully managed cloud storage service that permits us to store and retrieve any amount of data from anywhere on the web. S3 was used to host the React app as a static website.
CloudFront for Content Delivery
Amazon CloudFront is a global content delivery network (CDN) service that accelerates the delivery of static and dynamic web content, such as HTML, CSS, JavaScript, and images, to users worldwide. CloudFront was used to distribute the React app globally, reducing latency and improving the user experience.
Route 53 for DNS Management
Amazon Route 53 is a scalable and highly available DNS (Domain Name System) web service that routes end users to internet applications. Route 53 was used to manage DNS records and map the domain name to the S3 bucket and CloudFront distribution.
By implementing these features, a secure and scalable React app was created and hosted in AWS. Github Actions automatically pushed the code to S3, and CloudFront distributed the content globally, reducing latency and improving user experience. Route 53 managed the DNS records and mapped the domain name to the S3 bucket and CloudFront distribution.