How to deploy separated frontend and backend?

Question

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 port

Answer 1

I just answered a related question for AWS.

You can deploy

• your frontend on a static hosting service and a CDN

  • AWS S3 + AWS CloudFront
  • Google Cloud Storage + Google Cloud CDN
  • GitHub Pages + CloudFlare
  • Now
  • Surge
  • Netlify
  • etc

• your backend on a cloud computing service

  • AWS Elastic beanstalk or AWS EC2
  • Google App Engine
  • Now
  • Heroku
  • etc

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

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