React js tutorial and Node js tutorial, Express REST API hosted on cpanel | Cpanel hosting

Ғылым және технология

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.buymeacoffee.com/techfort...

Пікірлер: 115

  • @_yopee
    @_yopee Жыл бұрын

    Best explantion I found on how to go about this. Great job.

  • @MatthewTaheri-td1go
    @MatthewTaheri-td1go Жыл бұрын

    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

  • @codesermon

    @codesermon

    Жыл бұрын

    Glad it helped!

  • @RaqDeku

    @RaqDeku

    Жыл бұрын

    me too...he literally saved me...good work

  • @joshuaemekaosu1059
    @joshuaemekaosu10598 ай бұрын

    Thank you sir Detailed and very helpful

  • @andrelinosilva4760
    @andrelinosilva4760 Жыл бұрын

    Thank you for the tutorial, success!!!

  • @Glamorous_Life
    @Glamorous_Life8 күн бұрын

    You saved my day

  • @saeedbello
    @saeedbello6 ай бұрын

    Well done. Thanks for sharing your knowledge with us

  • @codesermon

    @codesermon

    6 ай бұрын

    Glad it was helpful!

  • @fadelyaya3873
    @fadelyaya3873 Жыл бұрын

    Thank you for the tutorial sir. It was really helpful. Thanks again

  • @fadelyaya3873

    @fadelyaya3873

    Жыл бұрын

    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

  • @x_dxxr
    @x_dxxr2 жыл бұрын

    quite helpful! thanks for the video

  • @codesermon

    @codesermon

    2 жыл бұрын

    You're welcome!

  • @itz_ramondev
    @itz_ramondev2 жыл бұрын

    Awesome I love ur approach

  • @codesermon

    @codesermon

    2 жыл бұрын

    Thanks you man.. Do me a favour and subscribe :)

  • @IruAndOpa
    @IruAndOpa7 ай бұрын

    Please continue your good work bro.. this video is very clear to new developer

  • @codesermon

    @codesermon

    7 ай бұрын

    Thank you so much 🙂

  • @bravenormakoh9640
    @bravenormakoh96402 жыл бұрын

    Well explained. Thanks

  • @codesermon

    @codesermon

    2 жыл бұрын

    Glad you found it helpful

  • @tayefulislam7999
    @tayefulislam79992 жыл бұрын

    Thank You Brother🥰🥰🥰

  • @codesermon

    @codesermon

    2 жыл бұрын

    Welcome. Do me a favour and hit the subscribe button.

  • @gabrielfono2248
    @gabrielfono22488 ай бұрын

    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 ?

  • @codesermon

    @codesermon

    8 ай бұрын

    Here's the full video kzread.info/dash/bejne/jINhprKCmL2YdtI.htmlsi=EOFgeN_m0tE7Pzmg

  • @PoojaSingh-vj2uf
    @PoojaSingh-vj2uf2 ай бұрын

    Thanks a lot❤

  • @codesermon

    @codesermon

    2 ай бұрын

    You're welcome 😊

  • @mdabdulaziztanvir
    @mdabdulaziztanvir7 ай бұрын

    amazing

  • @codesermon

    @codesermon

    7 ай бұрын

    Thank you! Cheers!

  • @jhonier1602
    @jhonier16022 жыл бұрын

    Nice video bro

  • @codesermon

    @codesermon

    2 жыл бұрын

    Thanks for the visit

  • @smferoj1377
    @smferoj1377 Жыл бұрын

    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.

  • @codesermon

    @codesermon

    Жыл бұрын

    if it's not secret then you can publish it together since it's on client side

  • @fadelyaya3873
    @fadelyaya3873 Жыл бұрын

    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

  • @codesermon

    @codesermon

    Жыл бұрын

    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

  • @taiwodamilola8636
    @taiwodamilola8636 Жыл бұрын

    ​ @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 ?

  • @codesermon

    @codesermon

    Жыл бұрын

    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.

  • @adriankhong5716
    @adriankhong5716 Жыл бұрын

    I have a "proxy": "local network:port number" at the end of the package.json file, do I need to remove that before building?

  • @codesermon

    @codesermon

    Жыл бұрын

    Remove proxy as it doesn't work in production. Watch this my video kzread.info/dash/bejne/g46IscqBirzFfLA.html

  • @adriankhong5716

    @adriankhong5716

    Жыл бұрын

    @@codesermon Thank You Sir

  • @fal8202
    @fal82022 жыл бұрын

    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.

  • @codesermon

    @codesermon

    2 жыл бұрын

    I will definitely provide it in the description for you.

  • @Uwaaao
    @UwaaaoАй бұрын

    I am having a problem, can you help?

  • @gcinumusaduma2112
    @gcinumusaduma21123 ай бұрын

    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

  • @unitedcenterism8682
    @unitedcenterism86824 ай бұрын

    can u put video on deploting springboot rest api in cpanel

  • @mamadouyacineGueye
    @mamadouyacineGueye Жыл бұрын

    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!

  • @codesermon

    @codesermon

    Жыл бұрын

    See full video here kzread.info/dash/bejne/jINhprKCmL2YdtI.html

  • @mamadouyacineGueye

    @mamadouyacineGueye

    Жыл бұрын

    @@codesermon Ok thanks! I get it

  • @shivamkalbande7206
    @shivamkalbande72062 ай бұрын

    Hello, i coudnt find the set up node js application in my cpanel... how can i make it show?

  • @codesermon

    @codesermon

    2 ай бұрын

    Maybe your hosting package doesn't support it. Contact your hosting support

  • @bigsmoke4725
    @bigsmoke4725 Жыл бұрын

    Hi brother , just a question , in the backend u used Mysql or Mongo for the database ?

  • @codesermon

    @codesermon

    Жыл бұрын

    Nope... I didn't use any but stored it in memory. Use any dB of your choice

  • @bigsmoke4725

    @bigsmoke4725

    Жыл бұрын

    @@codesermon thank you G 🙏

  • @trendinggames-yn1hm
    @trendinggames-yn1hm5 ай бұрын

    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?

  • @codesermon

    @codesermon

    5 ай бұрын

    Use anyone that satisfies your need.

  • @trendinggames-yn1hm

    @trendinggames-yn1hm

    5 ай бұрын

    @@codesermon sure sir ! But what about crud operations ?

  • @HamzaFA-BCS-
    @HamzaFA-BCS- Жыл бұрын

    Hello. My db url is just reloading and reloading without showing any data. Please help.

  • @codesermon

    @codesermon

    Жыл бұрын

    Hmm check your well because there could be a bug

  • @elchinhajiyev1865
    @elchinhajiyev1865 Жыл бұрын

    hi. i tried a few times. When I click node start an error comes up. can you help me?

  • @codesermon

    @codesermon

    Жыл бұрын

    glad it was resolved

  • @paolorivem
    @paolorivem Жыл бұрын

    Hello what is your hosting provider that has nodejs installed? Thanks for the video

  • @codesermon

    @codesermon

    Жыл бұрын

    Namecheap

  • @rajeshkhadka225
    @rajeshkhadka225 Жыл бұрын

    brother.. can you please host this same app in cpanel with live integration. (CI/CD)

  • @codesermon

    @codesermon

    Жыл бұрын

    haven't tried it. Maybe i will check it out

  • @tatendamuzenda8442
    @tatendamuzenda84427 ай бұрын

    where do I get those configurations for htcaccess

  • @codesermon

    @codesermon

    7 ай бұрын

    drive.google.com/file/d/1QqnEBHiL9zmVbpdpbYZ77lC8VGQpQBsb/view?usp=sharing

  • @faoberilo87
    @faoberilo87 Жыл бұрын

    Hi Man! On my cpanel don't show the option for install node! What can i do??? Thanks

  • @codesermon

    @codesermon

    Жыл бұрын

    Contact your hosting company's support for upgrade

  • @faoberilo87

    @faoberilo87

    Жыл бұрын

    @@codesermon Thanks

  • @KienTran-rc1ig
    @KienTran-rc1ig Жыл бұрын

    How do I use type: module in server api? thanks

  • @codesermon

    @codesermon

    Жыл бұрын

    In package.json file, you can research on that.

  • @maxdiaz1807
    @maxdiaz18072 жыл бұрын

    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.

  • @codesermon

    @codesermon

    2 жыл бұрын

    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.

  • @MikdanJey
    @MikdanJey Жыл бұрын

    Can you please show me .htaccess in nodejs server. My side is not working please help me

  • @codesermon

    @codesermon

    Жыл бұрын

    drive.google.com/file/d/1QqnEBHiL9zmVbpdpbYZ77lC8VGQpQBsb/view

  • @MikdanJey

    @MikdanJey

    Жыл бұрын

    @@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

  • @codesermon

    @codesermon

    Жыл бұрын

    @@MikdanJey Just create new node app and it will generate it for you automatically on your cpanel

  • @MikdanJey

    @MikdanJey

    Жыл бұрын

    @@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

  • @joaquinuliambre315
    @joaquinuliambre315 Жыл бұрын

    After changing app.js to index.js im still getting "it works". Can you help me?

  • @codesermon

    @codesermon

    Жыл бұрын

    Stop the node app and restart

  • @mahtabansari5122
    @mahtabansari51222 жыл бұрын

    Please create a video on ci/cd for react and epress.js

  • @codesermon

    @codesermon

    2 жыл бұрын

    Alright, no problem.

  • @usamaiftikhar934
    @usamaiftikhar934 Жыл бұрын

    Hello Sir I am getting an issue while deployment. Can you help me??

  • @codesermon

    @codesermon

    Жыл бұрын

    What's the error?

  • @aaronrs2002
    @aaronrs2002 Жыл бұрын

    Node.js is not available in my CPANEL "applications."

  • @codesermon

    @codesermon

    Жыл бұрын

    Contact your host support

  • @akintomideayodele17
    @akintomideayodele172 жыл бұрын

    How can I get access the code use in this video pls ?

  • @akintomideayodele17

    @akintomideayodele17

    2 жыл бұрын

    Or is there any video

  • @codesermon

    @codesermon

    2 жыл бұрын

    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

  • @HikmalPramudya
    @HikmalPramudya Жыл бұрын

    there is no dabatabase?

  • @codesermon

    @codesermon

    Жыл бұрын

    I will make a new video using the cpanel's databases either mysql or postgresql soon. Just subscribe and wait.. :(

  • @saeedbello
    @saeedbello6 ай бұрын

    May I ask your hosting platform

  • @codesermon

    @codesermon

    6 ай бұрын

    Namecheap shared hosting

  • @Abdullah-uh2hf
    @Abdullah-uh2hf Жыл бұрын

    Sir this hosting name is?

  • @codesermon

    @codesermon

    Жыл бұрын

    Namecheap

  • @gopinathkrm58
    @gopinathkrm5810 ай бұрын

    Does it support MongoDB ?

  • @codesermon

    @codesermon

    10 ай бұрын

    Yes

  • @gopinathkrm58

    @gopinathkrm58

    10 ай бұрын

    @@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 ?

  • @codesermon

    @codesermon

    10 ай бұрын

    @@gopinathkrm58 go to mongodb docs for Nodejs... You can easily connect your mongodb atlas... Everything should work.... Cpanel is only used for hosting...

  • @gopinathkrm58

    @gopinathkrm58

    10 ай бұрын

    @@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 ?

  • @codesermon

    @codesermon

    10 ай бұрын

    @@gopinathkrm58 yes to to mongo dB website and get the connection Uri father you setup your account and create a database

  • @HamzaFA-BCS-
    @HamzaFA-BCS- Жыл бұрын

    Can you point me to the solution?

  • @codesermon

    @codesermon

    Жыл бұрын

    Have you watched part 3 of this tutorial? kzread.info/dash/bejne/gYyIsqyqhMzOmLQ.html

  • @codesermon

    @codesermon

    Жыл бұрын

    You can as well check my cors tutorial kzread.info/dash/bejne/g46IscqBirzFfLA.html

  • @HamzaFA-BCS-

    @HamzaFA-BCS-

    Жыл бұрын

    coffee will be delivered asap

  • @learn-with-solayman
    @learn-with-solayman Жыл бұрын

    not working server

  • @codesermon

    @codesermon

    Жыл бұрын

    What's the error?

  • @learn-with-solayman

    @learn-with-solayman

    Жыл бұрын

    @@codesermon its showing nothing.. Frontend working bt backend not working

  • @codesermon

    @codesermon

    Жыл бұрын

    Your backend is supposed to be linked to your frontend. What error do you receive?

  • @learn-with-solayman

    @learn-with-solayman

    Жыл бұрын

    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 "...

  • @codesermon

    @codesermon

    Жыл бұрын

    Ensure your local Nodejs version is the same with the remote version

Келесі