How to Deploy React App on AWS S3 and CloudFront using GitHub Actions?

Published: 25 March 2023
on channel: Cloud Guru

2,590

This tutorial will show you how to deploy a React Application to S3 and CloudFront with a custom domain in Route53 using GitHub Actions.

Join WhatsApp: https://www.whatsapp.com/channel/0029...

👉Get CloudWays ➜ https://www.cloudways.com/en/?id=1365224
💥CloudWays COUPON CODE: CLOUDGURU25
☝️☝️ USE THE EXCLUSIVE COUPON CODE ABOVE TO GET 25% OFF FOR 3 MONTHS💥

👉Get Digital Ocean ➜ digitalocean.pxf.io/ZQERvQ
💥Get $200 FREE Credits for signup. So, hurry up!💥

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

⏱️TIMESTAMPS⏱️
00:00 Introduction
00:51 Create React Application 🚀
02:55 Install and Develop React Dynamic Routing
05:10 Create S3 Bucket
06:50 Create Cloudfront Distribution
09:12 S3 Bucket Config for Static Website
10:10 NPM Script to deploy on S3
13:02 Configure Cludfront Error Pages
13:50 Cloudfront Redirect Error
15:06 NPM Script to create CloudFront Invalidation
16:55 Cloudfront Works! ✌️
17:38 Update the App and push changes on S3 - Invalidate Cloudfront cache
20:13 Conclusion

What you'll learn
How to create a private S3 bucket and point a cloudfront distribution to it
How to create a certificate to enable SSL on a cloudfront distribution
How to create a cloudfront distribution and use an OAI to allow cloudfront to access content in a private s3 bucket
Point a custom domain name to a cloudfront distribution
How to create an AWS policy, and user
How to setup a GitHub repository
How to configure GitHub Actions with AWS credentials to deploy to s3

If you want to learn more about DynamoDB and AWS Services, make sure to subscribe to the channel.

#react #cloudfront #githubactions #awss3 #route53

On this page of the site you can watch the video online How to Deploy React App on AWS S3 and CloudFront using GitHub Actions? with a duration of hours minute second in good quality, which was uploaded by the user Cloud Guru 25 March 2023, share the link with friends and acquaintances, this video has already been watched 2,590 times on youtube and it was liked by 31 viewers. Enjoy your viewing!