バックエンドの置き場所 バックエンドのソースのために別のドメインとサーバーが必要？

Question

Reactで作成中のウェブサイトがあります。

データベースのMySQLとくっつけて、CRUDをしたいと思っています。
バックエンドはnode.jsのexpressを使いたいです。

ローカル環境で、reactのために3000ポートを開き、nodejsのために3001を開き、MySQLはローカルのユーザーrootでMySQLを起動しておく。
このローカル環境ではreact - node.js - MySQLが連携して動いてくれています。

この記事を参考にしました。（React + express + MySQL その１）

しかし、これを実環境に移そうと思った時に、訳が分からなくなります。

reactはfirebaseにデプロイしようと思っていますが、
node.jsはどこにアップロードするのでしょうか？このバックエンドを動かすためだけにもう一つサーバーとドメインが必要になるのでしょうか？
これも別のfirebaseにデプロイ？

MySQLは..？？
xserverを契約していて、容量がたくさん余っているので、そこのMySQLを使えたりするのかなと思っています。

例えばフロントのソースコードを, example.com において、
そのバックエンドのコードをサブドメインの subdomain.example.com におくということもできるのでしょうか？
そうするとサーバーとドメインの節約になる？

フロント側から勉強を始めたもので、バックエンドの概念の把握に苦戦しております。
ローカル環境での動かし方を説明しているサイトはたくさん読みました。が、実環境までどうやって持っていくのか理解できず...
すみません、どなたか教えてください...

Answer 1

ご希望の最終形がわかりませんが、単純にlocalhostでもhttp経由で
アクセスすればバックエンドです。
RDBについては更にミドルウェア経由でアクセスするので、どこに
実態があっても問題ありません

Comments

[yambejp]

条件としては以下が必要になります
・ルーティングとポートが設定されて接続が確保されている
・それぞれのサーバー（localhost含む）がセキュアに管理されている