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
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
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.
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
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
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.
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
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
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!
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
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.
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?
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
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.
Great video! Straight to the point and clear
Exactly what I need and right in time! Thank you Vini 👍
Great video! Who's the man? Vini is the man! 👋
Thank you very much for the video. I was running into the same issue of build error. But now it worked!
great video.. short, simple and to the point
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
Only tut that worked. Lifesaver
This is a great tutorial!!!
Thanks for the video! very to the point!!
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
Thank you so much everything i needed explained perfectly
Thank you!! I thought it must be so difficult🤣
nicework man
Thanks! that worked great
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.
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
been watching several tutorials from this channel, why you have only 300 subs
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
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.
Awesome video
will this still work when your app is dynamic with users adding, deleting and updating items in an AWS database?
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
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
Hii Thanks for this and I'd like to see a backend connecting part with existing API.Thanks
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!
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
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.
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?
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.
Why are you using CRA? Even the docs have Remix, Next JS, or others.
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
great video!!
is it cost efficient compared to t2.Medium EC2 ??
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.
ty
Is free or cost
is this free or paid? pls tell me
Up
Very useful thanks! But please don't speak like a snail 🙏