React js tutorial and Node js tutorial, Express REST API hosted on cpanel | Cpanel hosting
Vložit
- čas přidán 7. 09. 2024
- In this video, I'm going to show you step by step tutorial on how to build and deploy your react js application and node js express REST API on cpanel using namcheap shared hosting package. Technologies used include; react js, javascript, cpane, vscode, node js. Follow step by step video on how to build and deploy a react js and node js server application on cpanel using shared hosting. This is an indepth React js tutorial on how to alllow your Node js express Rest Api to communicate with your react js application. Stay tuned
Want to buy me coffee?
www.buymeacoff...
that was the most complete tutorial on this subject! I wish I'd seen this a week ago when I was struggling to deploy my app ! thank you bother
Glad it helped!
me too...he literally saved me...good work
Well done. Thanks for sharing your knowledge with us
Glad it was helpful!
18:03 18:11 if you got an error that says “we sorry, but something went wrong” or “503 service unavailable “ make sure the cpanel node js version is the same as your development version, if not then uninstall nodejs and reinstall the right version, delete backend node_module or create a new project, then install trust me ive been trying for days that doing the above worked
i think that is the problem am having, 503 error
My development version was v20.12.2 but it is not part of the options..
What do I do??
Plz help
Best explantion I found on how to go about this. Great job.
Please continue your good work bro.. this video is very clear to new developer
Thank you so much 🙂
Hello, thank you for the very informative tutorial. Do I have to create a sub domain for every "server" folder? What if I don't want/need users to access the "server" url? How would I go about that? Can the nodeJS app files reside in the public_html folder of the root folder along with the files for the client/front end?
Awesome
I love ur approach
Thanks you man.. Do me a favour and subscribe :)
Thank you sir
Detailed and very helpful
Thank you for the tutorial sir. It was really helpful. Thanks again
Please, I have a MERN app that I'm trying to deploy on cPanel but it's not connected to MONGODB. I would like to know how should I make the configuration in other to connect cPanel to a third party server.
Thank you for your help
Thank you for the tutorial, success!!!
brother need your help it says it works but not showing https and apis also don't work
Thanks bro for this effort, are you going to provide the link to the code like you mentioned below in the comments? It is difficult to forward your videos to my colleagues without the code. I have subscribed to your channel and looking forward to more material.
I will definitely provide it in the description for you.
Thank you very much for your efforts. This video would be very helpful for freshers. I have a query about what process should be taken for the .env file in the client folder? Please write somethig about it.
if it's not secret then you can publish it together since it's on client side
Well explained. Thanks
Glad you found it helpful
quite helpful! thanks for the video
You're welcome!
You saved my day
Hello, i coudnt find the set up node js application in my cpanel... how can i make it show?
Maybe your hosting package doesn't support it. Contact your hosting support
I am having a problem, can you help?
Thanks a lot
i am having an issue
I deployed a full Stack application for my app but
I have the frontend and backend working locally easy
but for namecheap.
I a url for the forntend
and the subdomain for the backend.
did you use the backend url somehow on the frontend ?
Here's the full video czcams.com/video/ZO-DPIhZ2Fo/video.htmlsi=EOFgeN_m0tE7Pzmg
Hello sir, i wanna know how the react app known the url to the api because i don't see you changing it before the build!
See full video here czcams.com/video/ZO-DPIhZ2Fo/video.html
@@codesermon Ok thanks! I get it
Hello. My db url is just reloading and reloading without showing any data. Please help.
Hmm check your well because there could be a bug
hi. i tried a few times. When I click node start an error comes up. can you help me?
glad it was resolved
Can you please show me .htaccess in nodejs server.
My side is not working please help me
drive.google.com/file/d/1QqnEBHiL9zmVbpdpbYZ77lC8VGQpQBsb/view
@@codesermon Not this one, this .htaccess is React UI part which is you created.
I'm asking Nodejs .htaccess - Cpanel is generated while you creating Nodejs App.
Please send that generated .htaccess
@@MikdanJey Just create new node app and it will generate it for you automatically on your cpanel
@@codesermon My Host is not supporting Nodejs in Cpanel. But I have installed Nodejs in SSH. So that's why I'm asking your generated .htaccess - My Friend :)
$ node app.js
Server running at 0.0.0.0:40000
brother.. can you please host this same app in cpanel with live integration. (CI/CD)
haven't tried it. Maybe i will check it out
can u put video on deploting springboot rest api in cpanel
Please, I have a MERN app that I'm trying to deploy on cPanel but it's not connected to MONGODB. I would like to know how should I make the configuration in other to connect cPanel to a third party server.
Thank you for your help
All you need is to change your mongoDb local connection url to your remote connection url. That's all.
Within your remote mongo dashboard, ensure you configure it to allow connection from your cpanel IP address
Hi brother , just a question , in the backend u used Mysql or Mongo for the database ?
Nope... I didn't use any but stored it in memory. Use any dB of your choice
@@codesermon thank you G 🙏
Can I make the crud operation in shared hosting in cheapname C panel with Pg db along with react+express+node app.
Whose hosting is better namecheap or BlueHost?
Use anyone that satisfies your need.
@@codesermon sure sir ! But what about crud operations ?
Thank You Brother🥰🥰🥰
Welcome. Do me a favour and hit the subscribe button.
Hi Man! On my cpanel don't show the option for install node! What can i do??? Thanks
Contact your hosting company's support for upgrade
@@codesermon Thanks
@TechFortified, I created an event log file to track all activities i noticed that it has issues connecting to mongoDB , despite the IP is open on MongoDB. any idea on resolving this ?
Try to let the mongoDb allow connection from anywhere by passing asterisk (*) as the value under mongo.
Also if you're using cpanel, I will advise you to make use of postgresql or mysql. Just look for an ORM like sequelize instead of mongo which is costly to me.
Nice video bro
Thanks for the visit
amazing
Thank you! Cheers!
Thanks a lot❤
You're welcome 😊
I have a "proxy": "local network:port number" at the end of the package.json file, do I need to remove that before building?
Remove proxy as it doesn't work in production. Watch this my video czcams.com/video/QZTOhHZY_LM/video.html
@@codesermon Thank You Sir
I have a problem. When I run the app show the message: We're sorry, but something went wrong.
The issue has been logged for investigation. Please try again later. I dont understand, help me.
Ensure your hosting package is active and your domain is working.
Create subdomains and try again following the same process.
You normally see that error when you create a Nodejs server and you don't stop the server before deleting a file under the file manager.
Hello what is your hosting provider that has nodejs installed? Thanks for the video
Namecheap
Please create a video on ci/cd for react and epress.js
Alright, no problem.
How do I use type: module in server api? thanks
In package.json file, you can research on that.
Hello Sir I am getting an issue while deployment. Can you help me??
What's the error?
where do I get those configurations for htcaccess
drive.google.com/file/d/1QqnEBHiL9zmVbpdpbYZ77lC8VGQpQBsb/view?usp=sharing
Node.js is not available in my CPANEL "applications."
Contact your host support
May I ask your hosting platform
Namecheap shared hosting
there is no dabatabase?
I will make a new video using the cpanel's databases either mysql or postgresql soon. Just subscribe and wait.. :(
Does it support MongoDB ?
Yes
@@codesermon In the website, under server features Node JS is listed there, but in Database features MongoDB is not listed, how to create a MongoDB connection URI in this Namecheap shared hosting ?
@@gopinathkrm58 go to mongodb docs for Nodejs... You can easily connect your mongodb atlas... Everything should work.... Cpanel is only used for hosting...
@@codesermon My doubt is in order to use MongoDB in production, i need to get the connection URI in mongoDB site only or I can create in any hosting provider ? I am new to this so having this doubt. Is it possible to get Mongo URL from hosting provider itself ?
@@gopinathkrm58 yes to to mongo dB website and get the connection Uri father you setup your account and create a database
How can I get access the code use in this video pls ?
Or is there any video
I will push it to GitHub and notify you later under this comment. Please, just ensure you subscribe to my channel. I got you covered
Sir this hosting name is?
Namecheap
Can you point me to the solution?
Have you watched part 3 of this tutorial? czcams.com/video/OXTPJqTihhQ/video.html
You can as well check my cors tutorial czcams.com/video/QZTOhHZY_LM/video.html
coffee will be delivered asap
not working server
What's the error?
@@codesermon its showing nothing.. Frontend working bt backend not working
Your backend is supposed to be linked to your frontend. What error do you receive?
Its ok in localhost.. I write same code as you wrote. Everything working fine on localhost..
When you install npm and checking sever working or not. Your write Route path and fetching all post..bt when im doing this..my server showing "503 service unavailable "...
Ensure your local Nodejs version is the same with the remote version
After changing app.js to index.js im still getting "it works". Can you help me?
Stop the node app and restart