Deploying Static React to the Cloud (AWS, S3, Cloudfront)

0

1

2

3

4

5

Posted on 16 Sep 12:00 | by mitsumi | 13 views

Deploy React Static Site to S3, Cloudfront. Use Route53 for custom domain and CodePipeline for automated deploy

What you'll learn
Common principles to easily deploy Static React, Next and Vue apps to AWS or any other cloud provider.
Configure Cloudfront with S3 for performance and security
Deploy Using AWS Amplify
Use a custom domain to access your web app
Requirements
Knowledge creating web apps using React, Next or Vue
Description
If you're a react or vue developer and you want to easily deploy to sites to the cloud so that you can go beyond local testing and sharing, this course if for you. There are a ton of ways to deploy static sites, in this course we'll explore some of the most common practices that can be done by anyone without having extensive knowledge of AWS Cloud.
Easily Deploy Static React to AWS using S3, CloudFront and Route53 and CodePipeline (automated deployment)
Learn to easily deploy static React sites to S3, using Cloudfront, Route 53 custom domain and AWS Amplify. Create a simple pipeline with CodePipeline to automate static site deployments to S3.
By the end of this course you should be able to easily setup simple CICD pipelines to automate the deployment of your static sites, use Cloudfront to secure and enhance site performance and also add custom domain to make your sites more reachable and standardized.
These concepts will work for other static app such as Vue.
Services we'll use
S3 - object storage service that offers industry-leading scalability, data availability, security, and performance.)
Cloudfront:
Route53
CodePipeline
Codebuild
AWS Amplify Hosting
Requirements
Anyone with basic knowledge in creating simple React, Vue or web apps should be able to follow along this course
node.js
React
Git
Who this course is for
This course if for React or Vue developer who wants to learn some easy ways of deploying their web apps to AWS using S3 for static file hosting. Or other cloud platforms that make it easy to focus on the deployment side of static web apps such as React, Next and Vue