Deploy React App To AWS S3 Step By Step

hello friends welcome back to my channel and today we are going to deploy or react application on s3 so such we will create an s3 bucket click on the next again next and and take this and create forget now all packet is ready so just being able to upload our code so this is a basic create application that I have created already so this is a simple application and you have to generate the bit losing and p.m. then build after generating the field you have to go to your bit folder and you have to upload it to a sturdy bucket so and keep on upload so just select all and drag to click on the next and allow public Reformation so click on the next next and upload okay we have uploaded all the files just we have to and I felt a static website hosting so ended click on this radio button and target for index dot HTML in the Edit document target index dot HTML and click on the server now it will provide a endpoint or we can say DNS record so click on it ok or web side is or we can say or deployment is successful thank you for watching

Channel: Open Source Devops

Views: 20,892

Keywords: Deploy React App To AWS S3 Step By Step, react, aws, s3, deploy react app to aws ec2, deploy a react app on amazon s3, run react app aws, using react with aws s3, react web app s3, deploy to s3, deploying a react app with aws s3

Id: G2tgWGge-uQ

Length: 2min 38sec (158 seconds)

Published: Mon May 13 2019

Reddit Comments

[u/30thnight]

Use AWS Amplify instead.

It’s basically Netlify + Firebase.

All you need to do is connect your git repo, it will handle your CI / CD before deploying to Cloudfront.

[u/[deleted]]

When it is suggested to build a headless, non SSR app?

[u/wellanticipated]

I read that as ‘step 2019’ and thought, ‘maybe a little too much to catch up on for this one..?’

[u/notmarlow]

TravisCI also makes this a breeze

[u/notmarlow]

1. One line to deploy to your s3 bucket aws sync --acl public-read dist s3://your-bucket-name\, where `dist` is the name of the folder. Chaining this will help --cache-control "max-age=86400"
2. Push Deploy is also an option https://aws.amazon.com/about-aws/whats-new/2017/09/connect-your-git-repository-to-amazon-s3-and-aws-services-using-webhooks-and-new-quick-start/