Hosting ReactJs Application With AWS EC2 Instance - Step By Step Guide in Hindi

Hosting your website on AWS can provide a scalable, secure, and cost-effective solution for your hosting needs. In this comprehensive guide, we'll take you through the steps of hosting your website on AWS, from setting up an EC2 instance to configuring a load balancer and database.
We'll also cover best practices for security, performance, and cost optimization, as well as common troubleshooting techniques for resolving issues that may arise during the hosting process.
Whether you're a beginner or an experienced developer, this video will provide valuable insights and practical tips for hosting your website on AWS. By the end of the video, you'll have a deeper understanding of how to leverage AWS services to host your website and how to apply this knowledge to your own hosting projects.
cover topic :)
1) how to deploy React JS application on aws ec2 in hindi
2) deploy React JS app in aws ec2 in hindi
3) deploy React JS app in aws
4) how to deploy React JS application on server
5) how to deploy React JS application on aws
6) Deploy React JS app in aws
SETUP EC2 INSTANCES ENVIRONMENT
1. Connect to new Created Instances
2. sudo apt-get update - this will update upto now in ubuntu server
3. After update Close console
4. Once again connect to instance
5. Get a message in terminal All the update are getting successfully
6. sudo apt-get install curl - this will helps to setup node js environment
7. curl -sL deb.nodesource.com/setup_14.x | sudo -E bash -
8. This is the command install node js inside ubuntu server
9. sudo apt-get install -y nodejs -to get nodejs and npm with that
10. Check installed node and npm using node -v and npm -v
11. sudo apt-get install nginx -y -If you want to setup using nginx environment then install
that also
12. Check installed nginx version using nginx -v
13. After all installation go to html folder using cd /var/www/html/
14. Check folders or other list using command ls
15. Go to your EC2 instances Dashboard and go to security group and click security group
link
16. Inside it click Edit inbound Rules
17. Add rule click and set type as HTTP and select source as Anywhere custom ip4 and click
save rules
18. After doing all this stuff then get instances public ip address and open it with new tab
and it will show nginx welcome template
Install React And Run forever
1. npx create-react-app reactHosting create react application with your given any
name
2. cd reactHosting navigate to created application inside /var/www/html folder
3. Before start application you must go to your instances security group again and
setup inbound rules
4. Inside security group clickAdd rule and set type as Custome TCP and give port
as 3000 and add another rule with custom TCP with port 8080(To nodejs port)
and select source as Anywhere custom ip4
5. Then inside reactHosting give command npm start to start project with port 3000
6. To start Forever run inside react install pm2 globally npm install pm2 -g
7. navigate to the project folder and execute, space is required after -
pm2 start npm -- start
8. to see running instances pm2 ps
9. This is the react forever run..
#awshosting
#hostingweb
#hostingwebsiteusingaws
#awstutorialforbeginners
#awstutorial
#awstrainingvideos
#awstraining
#awstutorialinhindi
#ec2enginetutorial
#websitehosting
#awstrainingvideos
#awstraining
#awshosting

[@RaziqueAnsari2009]

Could you please share your git hub repo url with all this code so that we can practice the sme..

[@zainmp3499]

bro how to conect mongo atlas and node alsoo

[@saumyagaur7633]

Great Video

[@phptrainingmumbai]

Glad you enjoyed it

[@letsgoswe]

I have react frontend and django backend. I have hosted django backend on EC2. If I host the react frontend on Ec2, can I make api call to the backend? (previously I hosed my frontend on S3 and then came to S3 only hosts static website. Or could you tell me in which service can I host my react frontend to communicate with the backend with api? @@phptrainingmumbai

[@abhishekdere4568]

make video for the react vite app

[@mohammadmudassir3430]

Nice bro 🎉🎉

[@phptrainingmumbai]

Thanks for the visit

[@mohammadmudassir3430]

Bro one plrm I run npm start its doesn't work

[@phptrainingmumbai]

use 1. npm start or 2. if you installed pm2 use pm2 start npm

[@omaher3744]

Bro i do npn rum it doesn't work

[@user-kr4ei3ix5m]

use 1. npm start or 2. if you installed pm2 use pm2 start npm

[@RaziqueAnsari2009]

Could you please share your git hub repo url with all this code so that we can practice the sme..