Next.jsの起動するポート番号がlocalhost:3000から変わらない

Next.jsとRailsのAPIモードで個人開発をしていたのですが、
地味にハマったので備忘録として書きます。

解決したいこと

Next.jsの起動するポート番号をlocalhost:3000からlocalhost:8080に変えたい
（Railsのポート番号で3000を使用したいため）

状況

• Dockerで環境構築をしており、フロントとAPIはコンテナを分けている
• Railsでポート3000を使用しているため、フロントのポートは8080にしたいがどうしても3000で起動してしまう

Next.jsを立ち上げると

$ next dev
front_1  | ready - started server on 0.0.0.0:3000, url: http://localhost:3000

と表示される。

解決策

package.jsonの”dev” : “next dev”となっているところを以下の通りに変更する。
そして通常通り起動すると指定したポート番号て立ち上がる。

"scripts": {
    "dev": "next dev -p 8080", 
  },

docker-compose.ymlやDockerfileが悪いのかと色々いじって見事にハマりました。
（というか知識がないだけ）
参考になれば幸いです。

参考