🚪
【Next.js】npm run devを特定ポート固定で起動する方法
Next.jsでnpm run dev
を実行するとき、基本はhttp://localhost:3000/
で開くことができると思います。
ただ並行して2つの開発を行いたい時に、http://localhost:3000/
とhttp://localhost:4000/
のようにしたかったのでその方法メモです。
【方法】package.jsonの設定
package.json
に下記記載するとポートが指定できました。
例ではポートを4000
に指定しています。
// package.json
{
"scripts": {
"dev": "next dev --port 4001" // ←'4000'で指定
}
}
【おまけ】VSCodeのdevcontainerを使用する場合
devcontainer.json
のforwardPorts
でポートを指定します。
またここで指定するポートはpackage.json
のポートと一致させる必要があります。
// devcontainer.json
{
...,
"forwardPorts": [4000] // ホストマシンの4000をフォワードするように指定
}
Discussion