How to deploy separated frontend and backend?

node.js reactjs deployment frontend backend
Yen Sheng picture Yen Sheng · Dec 20, 2016 · Viewed 12.1k times · Source

I am developing a new project with react/express as the frontend and loopback as the backend api. I have separated both of them in my development environment with different ports.

How should I deploy them in production?

  1. Hosting on a same server - separate the backend with a different sub-domain?

  2. Hosting on 2 different servers - seems impossible to use back the same domain.

Answer

GG. picture GG. · Dec 21, 2016

I just answered a related question for AWS.

You can deploy

You can set different subdomains on different hosts, e.g.

  • app.domain.com on GitHub Pages
  • api.domain.com on Heroku

Related questions

How to deploy a React + NodeJS Express application to AWS?

I have a React + Webpack/Babel + Node/Express application and I want to deploy it on AWS. Would I have to deploy React and Node/Express separately? Or could they be deployed together at once?

Read More
How to deploy MERN stack to a hosting service?

I am new to web development and I have a hosting service on which I want to deploy my reactjs/node project. To deploy it previously, I had been simply uploading the build folder created from running npm run build. …

Read More
Reactjs - Form input validation

My Contact page form is as follows, <form name="contactform" onSubmit={this.contactSubmit.bind(this)}> <div className="col-md-6"> <fieldset> <input ref="name" type="text" size="30" placeholder="Name"/> <br/> <input …

Read More