npm run devで開くlocalhostのポート番号を変更

ポート番号の変更

Reactではデフォルトのポート番号として3000番が割り当てられている。

ただこれだと、複数のローカルサーバを立ち上げるときにポート番号がバッティングしてしまう。

それを避けるためにpackage.jsonにおいて下記の変更を行なう。

(Nextjsを使っているがreact-scriptsでも同様)

  "scripts": {
    "dev": "PORT=3001 next dev",
    "build": "next build",
    "start": "PORT=3001 next start"
  },