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

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

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.com/vectors/business
Want to buy me coffee?
www.buymeacoffee.com/techfort...
Stay tuned

Пікірлер: 58

  • @ansoriddinabdunazarov2285
    @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!

  • @codesermon

    @codesermon

    Жыл бұрын

    Welcome

  • @shaktisingh0012

    @shaktisingh0012

    8 ай бұрын

    Please help me, if possible

  • @ogwoekechi7838
    @ogwoekechi78382 жыл бұрын

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

  • @codesermon

    @codesermon

    2 жыл бұрын

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

  • @allanbr.8308
    @allanbr.8308 Жыл бұрын

    Thank you so much

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

    Thank you, this has been helpful.

  • @codesermon

    @codesermon

    Жыл бұрын

    Glad it was helpful!

  • @omarrsabryy5509
    @omarrsabryy550910 ай бұрын

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

  • @arturocamargovalenzuela7088
    @arturocamargovalenzuela70882 жыл бұрын

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

  • @codesermon

    @codesermon

    2 жыл бұрын

    I appreciate, thank you.

  • @mountaingoatgaminggg9395
    @mountaingoatgaminggg93959 ай бұрын

    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?

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

    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.

  • @codesermon

    @codesermon

    Жыл бұрын

    Follow the video till the end

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

    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

    Жыл бұрын

    Do you return any response through the route?

  • @bouazzaismail9627

    @bouazzaismail9627

    Жыл бұрын

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

  • @codesermon

    @codesermon

    Жыл бұрын

    @@bouazzaismail9627 for now use TechFortified @ Gmail.com

  • @bouazzaismail9627

    @bouazzaismail9627

    Жыл бұрын

    @@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); });

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

    please review the sound

  • @deborahegonu6978
    @deborahegonu69782 жыл бұрын

    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

    2 жыл бұрын

    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

    2 жыл бұрын

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

    2 жыл бұрын

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

  • @talhashafeeq9167

    @talhashafeeq9167

    2 жыл бұрын

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

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

    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

    Жыл бұрын

    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

    Жыл бұрын

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

  • @codesermon

    @codesermon

    Жыл бұрын

    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

    Жыл бұрын

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

  • @neerajkanojiya8098

    @neerajkanojiya8098

    Жыл бұрын

    @@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){}""

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

    Жыл бұрын

    Maybe you try again or contact your hosting provider for support

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

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

  • @codesermon

    @codesermon

    Жыл бұрын

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

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

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

  • @codesermon

    @codesermon

    Жыл бұрын

    Upgrade your hosting account or contact your provider

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

    Pls, can share your repo link for this project

  • @codesermon

    @codesermon

    Жыл бұрын

    alright

  • @joaogil4484
    @joaogil44842 жыл бұрын

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

  • @codesermon

    @codesermon

    2 жыл бұрын

    Can you try hosting it on a subdomain?

  • @joaogil4484

    @joaogil4484

    2 жыл бұрын

    @@codesermon yes, I only tried that

  • @codesermon

    @codesermon

    2 жыл бұрын

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

    2 жыл бұрын

    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

    2 жыл бұрын

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

  • @shaktisingh0012
    @shaktisingh00128 ай бұрын

    It is vps hosting or steller plan ??

  • @codesermon

    @codesermon

    8 ай бұрын

    Stellar plan

  • @shaktisingh0012

    @shaktisingh0012

    8 ай бұрын

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

  • @shaktisingh0012

    @shaktisingh0012

    8 ай бұрын

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

  • @solomonfighter5936
    @solomonfighter59362 жыл бұрын

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

  • @codesermon

    @codesermon

    2 жыл бұрын

    techfortified@gmail.com is my email.

  • @codesermon

    @codesermon

    2 жыл бұрын

    which error are you receiving?

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

    What hosting server do you use for this or recommend?

  • @codesermon

    @codesermon

    Жыл бұрын

    Namecheap shared hosting plan for business

Келесі