フロントエンド とバックエンドのサーバーアップロードについて

Question

去年までVue.jsとFirebaseでWebアプリを制作しており、今年からバックエンドの言語も勉強してみようと思いRailsを触っております。

現在練習で作っているWebアプリではVue.jsでフロントエンド を作り、データベースへの登録などのバックエンドはRails APIを使用してフロントとバックを完全に切り離して開発しています。

このアプリを公開するにはフロントエンドとバックエンドを別々のサーバーに上げれば良いのでしょうか？
Vue.jsでFirebaseのログイン認証を使用しているのでFirebase Hostingを使用しようと思っているのですが、バックエンドをherokuなどフロントエンドと異なるサーバーに上げるのはよくある事でしょうか？

フロントエンド とバックエンドの連携を今までした事がなく何が一般的か全く理解できていないので初歩的な質問かと思いますがご指導頂けると幸いです。

Answer 1

このアプリを公開するにはフロントエンドとバックエンドを別々のサーバーに上げれば良いのでしょうか？

特に理由がなければ、同一サーバーで良いと思います。

Vue.jsでFirebaseのログイン認証を使用しているのでFirebase Hostingを使用しようと思っているのですが、バックエンドをherokuなどフロントエンドと異なるサーバーに上げるのはよくある事でしょうか？

バックエンド開発なしでアプリケーションを構築できるのが、Firebase の大きなメリットなので、あまりそういう使い方はしないような気がします。
学習目的なのであれば、それでも問題ないとは思いますが。