Docker フロントとサーバーでコンテナを分けるんですか?

Question

前提・実現したいこと

Dockerの勉強を初めたばかりで、間違った質問をしてしまうかも知れませんが、お手柔らかに回答を頂けるとありがたいです。

Dockerでvue.jsと.net coreを使う開発環境を作りたいです。
その場合、フロント(vue.js)とサーバー(.net core)でコンテナは別れるのでしょうか？

別れる場合、書いたプログラムをフロントとサーバーに分け、それぞれのコンテナにアップロードする様になるのでしょうか。

試したこと

Dockerを使いはじめる
現在こちらのチュートリアルをPart2までやりました。
元々作りたいシステムありきでDockerを勉強している為、上記の問題が気になり途中で調べたのですが分からなかった為、こちらで質問をさせて頂きました。

Answer 1

最終的なサービスの構成を図にしてみると良いかもしれませんね。

その場合、フロント(vue.js)とサーバー(.net core)でコンテナは別れるのでしょうか？

この文脈で「フロント」というと通常ブラウザを指します。

負荷分散や応答性向上のためにHTTPサーバとバックエンドサーバに分ける方法もあるので、おそらくそれをイメージしているのかなと思いました。

HTTPサーバにnginxを使い、Vueのフロントエンド（ブラウザ上のプログラム）の静的ファイルを直接配布、動的な部分はリバースプロキシ機能でバックエンドに流す。というのはよくある構成です。

この場合は、開発環境でビルドしたファイルをHTTPサーバのイメージに焼き込む方法もありますし、バックエンドサーバの方に含めておいてHTTPサーバにキャッシュさせる方法もあります。

実際にはいろいろなやり方があるので、システムの構成に関して調べてみると良いかもしれまえん。