Deploying react and node.js?

#beginners #react #javascript #node

I am bit confused about deploying my react/node app. I have a domain that I purchased but not sure how to deploy. cPanel can host react apps but not sure about node =/

Top comments (8)

Andrew Baisden • Aug 17 '20 • Edited

Deploying a React/Node app is easy check out these serverless hosts. Who is your domain with? You can add your DNS records to say Netlify for example and get your domain and website working easily.

And if you want to connect the node backend to the react frontend you just need to change the server from localhost to whatever address you get when you deploy it online.

James King • Aug 17 '20 • Edited

One thing to consider here is whether your app truly needs to be dynamic content, or whether you could in fact create a "static" site.

The reason I bring this up is that both GitLab (and I believe GitHub although I've not tried) will host static sites for free. If you're unsure of the difference, GitLab wrote a great article detailing it here: static vs dynamic

This way, you can also begin learning about pipelines (CI/CD) and begin the journey down boosting your productivity by automating your workflows.

Yash Chudasama • Aug 17 '20

I think you have to first host your node js app and then configure your react app to communicate with you hosted node js app and then host your react app using cPanel as built react app is static web page.

Brad • Aug 17 '20

This really depends on how your hosting provider works, as not all are equal. Its possible a "React app" can be hosted because React can build static files (HTML, CSS, JS) and basically all hosting providers can host static files.

I'd look into your hosting providers docs and see if/how they support nodejs. Its possible they don't provide a hosting/runtime for any back-end apps (Nodejs, PHP, Python, Java, whatever) and you may need to use another provider.

James • Aug 17 '20

One way you can do it is to host both the frontend and backend together and serve the bundle. I use this pattern in this blog post: dev.to/jamesroyston/how-to-deploy-...