【Next.js】ポート番号を変更する方法（next dev -p）
1分で読める
テック
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 してコマンドを実行してもエラーが出て動かなかったので原因を調べてみました。 エラーを見たところ […]
記事の更新をメールで受け取る
質問・リクエストを送る
記事についての質問や、取り上げてほしいテーマがあればお気軽にどうぞ。いただいた質問はブログ記事として回答し、Q&Aページで公開することがあります。