フロントエンドをReactで書いた時のデプロイ？方法

Question

今、リポジトリが下記のような構成になっています

・frontend
・backend
・docker-compose.ymlなど

frontendのディレクトリの中にReactで書いたフロントエンドのプログラム、
backendのディレクトリの中にLaravelで書いたAPIが入っています。（LaravelとReactは一緒にせずに完全に別々としています）
frontendだけを別リポジトリとして管理している場合、gh-pagesなどのNPMモジュールを使えば、ビルドしたファイルのみをGitHubなどにアップすることが出来るかと思いますが、このようにfrontendとbackendが一緒に入ったリポジトリの場合には、フロントをビルドしたファイルのみにしたいときいにはどのようにすればいいのでしょうか？

よろしくお願いします。

Comments

[Meganezaru]

Reactアプリの雛形は、create-react-appからの生成ですか？

[atemu]

コメントありがとうございます。そうです！

Answer 1

npm buildするイメージを持ってないと勘違いしてました・・・失礼しましたｗ

ビルドした結果が入るbuildフォルダは、プロジェクト的にgitignore対象になってると思うので、
buildフォルダ自体でgit initして、別にpushすることができないですかね？

未確認ですが、興味があればお試しを。

Comments

[atemu]

フロントエンドはフロントエンドで、別のリポジトリとして管理するのが、やはり自然でしょうか？（今はバックエンドとフロントエンドを完全に分離しているものの、リポジトリとしては同じにしてある感じです。）
別々のリポジトリとして管理するのであれば、やり方は分かるのですが、一緒に管理する場合にどうすればよいのかなと思ったので…！　お時間ある時にご返信お願いします！

[Meganezaru]

ソースとしては、同じリポジトリでまとめて管理して、ビルドした結果だけ、上記のように別リポジトリになるように・・・という提案でした。バックエンド側は、結局、別デプロイが必要だと思いましたので。

質問の意図を理解できていないかもしれないですが、バックエンドのソースと、フロントエンドのビルド結果のみを、同じリポジトリとして管理したい理由は、何でしょうか？

ひょっとすると、いっそのことbuildフォルダもプロジェクトのGit対象にしてしまってもいいのかもしれないですね。