サブドメインを利用したときのフロントエンドのホスティングについて

Question

ググってもわからない、また自分で試せていないことなので、知見のある方にお聞きしたいと思います。

例

APIを用意する、言語は何でもよく
ブログと日記を扱うエンドポイントがあったとする。

フロントエンドで
example.com（ブログ）
diary.example.com（日記）
というドメインにホスティングする（React,Next,Gatsbyなど）

疑問

その際に、ホスティング先（Vercel,Firebaseなど）が同一であればデプロイできるのでしょうか。また、別々であればどうなるのでしょうか。

もし、自分で調べて分かることでしたら、ヒントを頂きたいです。

よろしくおねがいします。

Answer 1

API のエンドポイントも同じにできればデプロイできます！
例えばフロントが example.net、API が example.net/api だとして移転先も diary.example.net と diary.example.net/api にできるのであれば同じように動くでしょう。Vercel ならコード改変なくサブドメインいじるだけで大丈夫だと思います（やったことがないので確信はない）。

別のホスティングサービスに移行する場合でも hogehoge.net と hogehoge.net/api の関係が保たれていればコードに手を加える必要はほぼ無いはずです。必要なのはデプロイの設定になるかと思います。フロントのホスティングはそう変わらないですが、API サーバーの動かし方とかは結構変わってくると思いますので。