herokuでspringbootとvue.jsの同一環境デプロイ

Question

ディレクトリ構成としては

.
├── build.gradle
├── front // vue.jsのファイルpackage.jsonとかが入っている
├── gradle
├── settings.gradle
└── src // spring本体

このような感じです。
herokuでしたいことは、

1. 上記のディレクトリ構成のままで同一アプリとしてデプロイします。
2. gradleでのspringコンパイル、起動（このとき8080とかで起動しておく）
3. vue側でnpm installとかビルドを行い静的ファイルを作成
4. nginxを起動し、基本的にvueの静的ファイルを読みに行く
5. /apiにアクセスした場合は、localhost:8080（spring）にリバプロしてやる

springも単体では起動できるのですが、nginxと組み合わせたり、vueビルドなどのジョブをどう走らせて良いのか分かりません。

どういう手順で行えるでしょうか？
また、他に良い方法があれば教えて下さい。