【Next.js】localhostで任意のポート番号を指定する

この記事を書いた人
井上 周

WEBのバックエンドエンジニア。金沢大学大学院→株式会社マイベスト。
最も得意な言語はRuby(Rails)。その他、GoやPython、TypeScriptsを使った開発を行っています。

井上 周をフォローする

next.jsの開発をしていたときに、通常の

npm run dev

のだと、起動するのはlocalhost:3000。
今回、Railsの方で3000のポートを使っていたので、nextの起動するポート番号を変更する方法を調べた備忘録。

package.jsonの”dev” : “next dev”となっているところを以下の通りに変更すればよい。

"scripts": { "dev": "next dev -p ポート番号" }

試しにポート番号を8080などに変えてnpm run devしたところ、無事ブラウザでhttp://localhost:8080にアクセスして問題なく開発が行えました。

参考サイト

【next.js】localhostで任意のポート番号を指定する方法 - atnr.net
next.jsでHello worldプログラム(zeitの公式ページに掲載されている)を動かす際に npm run dev してコマンドを実行してもエラーが出て動かなかったので原因を調べてみました。 エラーを見たところ

コメント

タイトルとURLをコピーしました