Build and deploy a React js website and Node js , Express RESTful API on cpanel

Sdílet
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 RESTful 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.
    Image created by fullvector - www.freepik.co...
    Want to buy me coffee?
    www.buymeacoff...
    Stay tuned

Komentáře • 59

  • @ansoriddinabdunazarov2285

    Thank you, brother. You saved my whole day! Thanks to your video, I was able to successfully upload and run my full-stack application on cPanel!

  • @ogwoekechi7838
    @ogwoekechi7838 Před 2 lety

    Wow this is amazing thanks for this video, it just solved my long time problem

    • @codesermon
      @codesermon  Před 2 lety

      You're welcome. Just do me a favour and subscribe to channel and share it with your friends as well.

  • @arturocamargovalenzuela7088

    I don't speak english, but excellent job. Me sirvio muchisimo gracias.

  • @mountaingoatgaminggg9395
    @mountaingoatgaminggg9395 Před 10 měsíci

    So Ive been following this guide and when I run my front end Im getting a err connection refused on the API calls, any ideas on how to trouble shoot this?

  • @mercyjemosop1065
    @mercyjemosop1065 Před rokem

    Thank you, this has been helpful.

  • @allanbr.8308
    @allanbr.8308 Před rokem +1

    Thank you so much

  • @omarrsabryy5509
    @omarrsabryy5509 Před 11 měsíci

    will be any change in steps or config if iam usin es6 modules (import & export) not require

  • @bouazzaismail9627
    @bouazzaismail9627 Před 2 lety +1

    Hey man thank you for this tutorial, learnt so many new things, just a question tho, I have set an express server with the get(/express_backend), but I'm not able to access it when running my application, it just keeps loading, can you help please !

    • @codesermon
      @codesermon  Před 2 lety

      Do you return any response through the route?

    • @bouazzaismail9627
      @bouazzaismail9627 Před 2 lety

      @@codesermon do you have a discord or something where I can share some screenshots with you ? I'll really appreciat it !

    • @codesermon
      @codesermon  Před 2 lety

      @@bouazzaismail9627 for now use TechFortified @ Gmail.com

    • @bouazzaismail9627
      @bouazzaismail9627 Před 2 lety

      @@codesermon but basically this is what I'm having
      app.get('/express_backend', async (req, res) => { //Line 9
      let page = await configureTheBrowser1();
      let results = await checkDetails1(page);
      res.send(results);
      });

  • @neerajkanojiya8098
    @neerajkanojiya8098 Před 2 lety +2

    By seeing your video I got to learn many things and it helped me in my current project. The only thing is, I am stuck in one place. I am using Mongo as db and in local I am anble to fetch the records but after hosting in cpanel I am facing error: "This request takes too long to process, it is timed out by the server. If it should not be timed out, please contact administrator of this web site to increase 'Connection Timeout'."
    Can you please help me on the same?
    Thansk!!!

    • @codesermon
      @codesermon  Před 2 lety

      On a remote server, did you change your local Mongodb URL to remote Mongodb URL? If no, Google Mongodb and create an account on their site and spin a free cluster for your project.

    • @neerajkanojiya8098
      @neerajkanojiya8098 Před 2 lety

      @@codesermon Yes I already have change the url before deployment.

    • @codesermon
      @codesermon  Před 2 lety

      Here's what you should do. Replace your local Mongodb URL with the remote Mongodb URL in development and check if it's connected on localhost before deploying into production. Do that and let me know again else we will schedule a meeting

    • @neerajkanojiya8098
      @neerajkanojiya8098 Před 2 lety

      @@codesermon It is not working. Please let me know how we can connect.

    • @neerajkanojiya8098
      @neerajkanojiya8098 Před 2 lety

      @@codesermon while running npm from cpanel got some error: " info run core-js@3.25.0 postinstall node_modules/core-js node -e "try{require('./postinstall')}catch(e){}"
      6955 info run core-js-pure@3.25.0 postinstall node_modules/core-js-pure node -e "try{require('./postinstall')}catch(e){}""

  • @MasterwaveTech
    @MasterwaveTech Před 2 lety

    Great tutorial, please can you share the project link to download the file

    • @codesermon
      @codesermon  Před 2 lety

      Following it will be better. I will plan code release in subsequent videos

  • @surajbhattacharya9448

    I am unable to get the API work after following all the steps, it always throws Web application could not be started by the Phusion Passenger application server.

    • @codesermon
      @codesermon  Před rokem

      Maybe you try again or contact your hosting provider for support

  • @joaogil4484
    @joaogil4484 Před 2 lety +1

    Wonderful tutorial! It helped me a lot, but I'm also getting that 503 error :\ Can you help me?

    • @codesermon
      @codesermon  Před 2 lety

      Can you try hosting it on a subdomain?

    • @joaogil4484
      @joaogil4484 Před 2 lety +1

      @@codesermon yes, I only tried that

    • @codesermon
      @codesermon  Před 2 lety

      @@joaogil4484 I will suggest is to delete everything and try the process again or create new subdomain and try again. Something must be wrong somewhere. Ensure your environment variables are set correctly when on localhost and in production

    • @joaogil4484
      @joaogil4484 Před 2 lety

      I'm getting an error when try to install the node modules:
      npm WARN lifecycle The node binary used for scripts is /home/joaoetwb/nodevenv/blog.joaogil.xyz/14/bin/node but npm is using /opt/alt/alt-nodejs14/root/usr/bin/node itself.

    • @codesermon
      @codesermon  Před 2 lety

      @@joaogil4484 ensure that your node environment in development matches the one in production. If it doesn't match, check your package.json and set the nod versionto your production version and try again

  • @dolapoajayi2156
    @dolapoajayi2156 Před 2 lety

    hi nice tutorial..on the node js application environment on cpanel..do we also need to add the environment variables one by one or leave it as a file.because i can see an option to add environment variables on cpanel.

  • @deborahegonu6978
    @deborahegonu6978 Před 2 lety

    Hello, wonderful tutorial. Please I keep getting 503 error once I change it from app.js to index.js, how can I solve this ? I am using MySQL for database, React js for the front, Express for the middleware and Node js for the backend

    • @codesermon
      @codesermon  Před 2 lety +1

      Is index.js your main file? If it isn't then there's no need to change and whenever you change, ensure you refresh the Nodejs app before restarting the app.

    • @deborahegonu6978
      @deborahegonu6978 Před 2 lety

      @@codesermon Hi, thanks for your reply. Yes, it is. I did that but I am getting a 500 error now, do you mind looking at my code?

    • @codesermon
      @codesermon  Před 2 lety

      @@deborahegonu6978 use my email and create a Google meeting and send me invite..

    • @talhashafeeq9167
      @talhashafeeq9167 Před 2 lety +1

      @@codesermon I am getting same error of 503, Please can you help me

  • @andreagaming6926
    @andreagaming6926 Před rokem

    Good day, on my cpanel
    I can't find setup node js
    How do I fix that

    • @codesermon
      @codesermon  Před rokem

      Upgrade your hosting account or contact your provider

  • @dameriandark1485
    @dameriandark1485 Před rokem

    What hosting server do you use for this or recommend?

    • @codesermon
      @codesermon  Před rokem

      Namecheap shared hosting plan for business

  • @ibrahimacanada
    @ibrahimacanada Před rokem

    please review the sound

  • @ayoleyigreat874
    @ayoleyigreat874 Před rokem +1

    Pls, can share your repo link for this project

  • @shaktisingh0012
    @shaktisingh0012 Před 9 měsíci

    It is vps hosting or steller plan ??

    • @codesermon
      @codesermon  Před 9 měsíci +1

      Stellar plan

    • @shaktisingh0012
      @shaktisingh0012 Před 9 měsíci

      @@codesermon please help me , me also have stellar plan my frontend portion is proper working, I have issues with backend portion

    • @shaktisingh0012
      @shaktisingh0012 Před 9 měsíci

      @@codesermon it's urgent, please help me !!!

  • @solomonfighter5936
    @solomonfighter5936 Před 2 lety +1

    hello i try my error is something i dont understant
    can you help me
    do you have a email>?

    • @codesermon
      @codesermon  Před 2 lety

      techfortified@gmail.com is my email.

    • @codesermon
      @codesermon  Před 2 lety

      which error are you receiving?