How to deploy React App on AWS Amplify

Welcome to our tutorial on deploying React applications to AWS Amplify! In this step-by-step video guide, we will walk you through the entire process of deploying your React projects to AWS Amplify, a powerful cloud-based platform that simplifies the deployment and hosting of web applications.
Whether you're a beginner or an experienced developer, this tutorial is designed to provide you with a clear and concise overview of the deployment process.
Resources:
AWS Amplify: aws.amazon.com...
My github: github.com/Vin...
My portfolio: www.vinibjazev...

[@UsaSzerelem]

Great video! Who's the man? Vini is the man! 👋

[@burdisdawurd7472]

Great video! Straight to the point and clear

[@2difficult2do]

Exactly what I need and right in time! Thank you Vini 👍

[@sathwiknayak6700]

00:04 Deploy React App on AWS Amplify 00:56 Setting up GitHub repository for React App 02:02 Deploy React App on AWS Amplify from GitHub 03:03 Deploying React App on AWS Amplify is a straightforward process 03:58 Debugging failed build during deployment 04:49 Switched from npmci to npm install for successful updates 05:48 AWS Amplify provides built-in continuous delivery for React applications 06:55 Automatic redeployment on code push

[@muhammadshahmeer6818]

Thank you very much for the video. I was running into the same issue of build error. But now it worked!

[@TingXu-ji8gm]

Thank you!! I thought it must be so difficult🤣

[@jw7665]

Only tut that worked. Lifesaver

[@kimbapslayer1995]

You should cover webhook rebuild if that exists on amplify. So when “content” changes via a cloud CMS or a production purchase etc, a build hook is sent to aws to rebuild the app

[@harleenkaurmakhija9935]

great video.. short, simple and to the point

[@kwadwoDanso-l7c]

nicework man

[@locotx215]

This is a great tutorial!!!

[@doharajallah66]

Thanks for the video! very to the point!!

[@MexicanJoker42000]

Awesome video

[@yafetbefkadu3194]

Thank you so much everything i needed explained perfectly

[@anhnguyenhoai9003]

been watching several tutorials from this channel, why you have only 300 subs

[@dmabsanchez]

Thanks! that worked great

[@UECSoumyaRay]

The main problem is if you have a frontend and a backend folder. How do you deploy then? In Vercel you have the option mentioning the folder to be deployed. Here in AWS, I do not see any such option

[@kasun7367]

Hii Thanks for this and I'd like to see a backend connecting part with existing API.Thanks

[@codewithvini1644]

Hey if you are still interested I just released a video explaining how to build and deploy a full stack react application on AWS. It should clear up an uncertainty when connecting/deploying the backend. Thanks for the support!

[@IronhideX5]

im trying to deploy but im getting a bad engine saying my node version is v16.19.0 but when i node -v in my terminal it says v20.9.0. and it fails to build. i used vite to create a react + Ts app

[@lifegivesuslemons421]

what IAM policies were you using to get amplify to work? I'm getting an error . Unable to assume specified IAM Role. Please ensure the selected IAM Role has sufficient permissions and the Trust Relationship is configured correctly.

[@Photo-Ninja]

Is Amplify the best choice for React app? I have frontend static app with separate backend server will I be able to host this here? Or should I seek a different AWS solution? Thanks

[@codewithvini1644]

I think amplify is the best/easiest choice to deploy a react front end. When it comes to the API I typically like to use a AWS Lambda function. Its very cost effective and performant.

[@RobertvMill]

great video!!

[@kirksurber7262]

Why are you using CRA? Even the docs have Remix, Next JS, or others.

[@gautampatel7057]

I have a mobile application and I want to host on AWS and need full scalable with a low cost. It is permanent. Tech stack React Native, NodeJs, and Mongo DB Compass. Can you please tell us which AWS services we can use?

[@sravyagurram5885]

Did you figure this out?! Would be great if you can point me to any resources. I used to same tech stack and looking to deploy on AWS.

[@santiagorivera1562]

will this still work when your app is dynamic with users adding, deleting and updating items in an AWS database?

[@jordanscott5525]

I’m sure you got your answer by now, but for those wondering. If your app is truly dynamic i.e uses things like fetch to get recent data or websockets to stream data to clients listening in your app then it will auto update. React if just used for front end visuals and those visuals can be updated so long as you are in communication with something like a db

[@kimbapslayer1995]

Idk think so bud. If your app is statistically generated for example the build time is producing html files, you’ll need to add webhooks. I actually just asked OP to cover it. Whenever content changes, the app is static and won’t know it. A webhook sends a cloud function to rebuild the application

[@bharathgadi7756]

Could you help me out with this error have been trying from 2 days to resolve , My app got deployed but Getting this error in console when i trying to open that click Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/jsx". Strict MIME type checking is enforced for module scripts per HTML spec.

[@navjotsingh2457]

ty

[@thelatelateshowwithmaaz6260]

Hello Sir i have deployed my next a web app on aws amplify after successfull build when i click on generated link i got "i ternal server error" WHAT TO DO SIR YOUR LITTLE HELP will be much more helpful and appreciated sir

[@NotADevOps]

is it cost efficient compared to t2.Medium EC2 ??

[@codewithvini1644]

Yeah EC2’s can be fairly pricey. I have two applications hosted on Amplify and I basically don't pay anything for them. I get charged $0.50 a month for the domain name and that's it.

[@JBEedits]

Is free or cost

[@jasim17]

is this free or paid? pls tell me

[@wesley5171]

Up

[@vctrspike]

Very useful thanks! But please don't speak like a snail 🙏