How to deploy a React, Node or Express JS application to production | Digital Ocean
Вставка
- Опубліковано 10 вер 2024
- In this video we are going to learn deployment of react, node or express js application to production, In this video we will use digital ocean cloud server for deployment of our application. this process works for every nodejs based application which runs on development server.....
Thanks for watching....
Resource Link
webscript.info...
great video from start to finish. i used this video to successfully deploy my backend server. i didnt need the build steps because i would not be showing any frontend. 10/10 video!
This was fantastic! I was having trouble with the Nginx config and pm2, your video cleared all that up for me. Thank you for sharing.
Thank you so much. This is Really Awesome!!! Very details. Even in 2022 It works Nice...
Thanks A Lot Friend!...
Thank you very much. Spent days to find such a clear explaination. Love it... ❤
I got trouble learning Digital Ocean before this video, Thank so much bro!!
Your welcome bro
this video really made me understand Digital Ocean as a beginner. Thanks Khan for boosting my confidence
Your welcome buddy
Great video
Thanks
This was good on the gangster-nerd level... like the best tute over. Please don't say the word godaddy though I become ill. lol
Very catchy name coderlicious
could you make a video for deploying a mern stack ?
Such an elaborate video on an important topic. Thank you so much for sharing.
Glad it helped you 😎
after pm2 website run on the domain but IP address not run
Hey man, thanks for the tutorial. Super helpful as DigitalOcean can be hard to navigate the first time
Yeah it was hard for me too in the first time
Nice explanation.. worked like a charm
Thank you so much sir
thanks for the tutorial , i found out that unless a person works for a startup they are unlikely to build a full project on their own , mostly they will be mantaining or enhancing the available project , ,,so can you make a series on how companies manage the production code and how they add new code to an existing project and test it without breaking the production code ??
They use staging server to firscheck if everything will work through remote and then deploy on production
You're amazing bro! Thanks for sharing your knowledge!
Really helpful tutorial. Thanks a lot!!
💯💯💯💯💯
Brother I have to deploy my front end reactjs. And
Back end in nest is with MySQL. Please tell me or give me some good references I am very new I really don't have any idea about deploying project
By the way it was very informative video for me you have explained very well
Bro your contents and way of explaining is really great 🔥🔥
Really thankful bro... 🤩🤩🤩🤩🤩🤩
at 9:45 makes me suscribe to Your Channel, Thank You for video
Thank you so much 😊
Hello,
I have a problem with my subdirectory (/qwerty). When I configure like this, my subdirectory returns 404.
Anyone can help me??
Thanks a ton!
hi if I may ask is possible to hide all the source file when we view page source so that we don't see the files during production I think its called obsfication
nice contenthad been searching fiot the same from last 2 months keep the good work continous if possible then make tutorials on micro services or whole course for the mern stack development on ec2
for mern stack follow the same ? thanks
what about backend and Database?. Means where we can deploy these?
Excellent 👍🙌. Thanks a ton.🙏
Great video sir
5 out of 5
thanks a lot. Such a nice video. Bro can you make a video of deploying same application using deployment tools like ansible,chef etc.
I have to do my research to make such videos
Excellent tutorial
thank you so much for this video
Thanks man, helped a lot 😄
Rizwan , Do you know how we can make this site run with backend server too in digital ocean ?
Hi, thanks a lot for the video. How can I update the website with the changes I have pushed to github. I've pulled the changes from github to nginx server, but I don't understand how to update the website itself.
Thanks in advance
You first push your changes to your repository then pull your changes in your droplet project folder once pull successfully completed use pm2 to restart your application “pm2 restart appName”
HI Bro, Thanks for the Videos. Your videos are really giving me confidence. Can you make a React App on Push Notification ? And which can be integrated to any website.
I have used your referral link to signup on digital ocean but didn't get $100.
$100 reward is from digital ocean service bro I can’t help you in this. May be offer is not valid anymore I have to check on the platform
bro how to add env variables in droplet please tell this question urgent need
You can add inside ~/.bashrc file and then run source ~/.bashrc
@@RizwanKhanDeveloper but what is the syntax of adding and run?
Good tutorial, I have been looking for a way to do this for more than a week now. Thanks so much, you have a new subscriber. But I don't understand the file you're working on. Is that the root folder that has your server or did you cd to the front-end(react js) because you did npm start and the app started.
Hey bro you can start your react app from anywhere just have to set up the package.json of the current folder with the script pointing to the react folder like this -> "start": "npm start --prefix ../theReactfolder" don't forget the --prefix
nice video and what about mysql database
Hey guys if you have done everything correctly and still get 'This site can’t be reached' error you can type in the command 'sudo ufw allow 9000' this will enable ubuntu firewall(ufw) for port 9000
This is a react app run on serve side ?
how can we deploy next.js project on cpanel. without varcel
Excellent ! Thank you ! any idea how to deploy with nodejs API?
Thank you bro. I learn lots from you. please tell me how can I add message notification. can I use web socket?
You don’t need to use web socket in this project because we are already using a real-time firestore database so we need to add logic for notifications
@@RizwanKhanDeveloper ok
but bro if we use mern means also use MongoDB key so how to deploy in digital ocean
First install mongodb in digital ocean cloud and you can follow installation process either from mongodb official doc or digital ocean blog
@@RizwanKhanDeveloper but we also install nodejs and express js inside the digital ocean this is true bro or not
@@anmolrathi4054 expressjs is just a library and it is part of your project but nodejs is like your system software and similarly mongodb needs to installed like nodejs
@@RizwanKhanDeveloper but bro when we deploy mern project in Heroku so on that time we also type MongoDB key but in digitalocean where I type so please tell and make a video on this topic but please tell bro
@@RizwanKhanDeveloper so we put mongodb and node js install in digital ocen command or install by single-app cluster please tell bro
great stuff! How would you deploy multiple apps?
Hi sir thank you for such awesome tutorial i just want to ask one question, sir in future how can we update our webapp( do some changes or add new features)
you can have your project in some repository and pull the changes in droplet
Hi brother, Can I deploy MERN app on cPanel?
Hi. How you install git on ubuntu server ? Could you please tell me
git will be preinstalled on ubuntu or any Linux based os
@@RizwanKhanDeveloper Thank you :)
sound is too low bro. try upgrading that
Cheapest services for hosting mern application ??
Mohd Nawazish Alam There are two types of hosting available shared hostings and cloud, for applications which runs on node server you must need to have cloud hosting and cloud is costly compare to shared hosting but digital ocean is reasonable and if you use my referral you will also get $100 credit in your digital ocean account
@@RizwanKhanDeveloper how much digital ocean annually cost for small type application where there is monthly user of aproxx 10k ??
Mohd Nawazish Alam Minimum it will cost you around $5 per month as you can see in the video
@@RizwanKhanDeveloper thanks a lot bro
Mohd Nawazish Alam your welcome bro
Bro are you on LinkedIn
DBZ4U linkedin.com/in/rizwankhan2
i was looking for a copper instead i found diamond (not gold)!
😍😍😍😍😍
Bhai make react portfolio website
Sure first I m going to bring e-commerce mern stack series then portfolio
@@RizwanKhanDeveloper Thanks bhai
How to convert http request to https in ngnix
First of all you need ssl certificates, and you can get free ssl certificates from digital ocean just google it
@@RizwanKhanDeveloper lets's encrypt or any other should I use
4.8
How i can contact you?
By my social media accounts
5
Riz good work.. But you're not replying msg on WhatsApp
tetteh michael Did you message me
5/5
Thank you 🙏 so much
Great video
hi if I may ask is possible to hide all the source file when we view page source so that we don't see the files during production I think its called obsfication