<h1 id="next.js-port%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%A6%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#next.js-port%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%A6%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B" aria-hidden="true"></a> Next.js PORTを変更して起動する</h1>
<p>複数のプロジェクトを起動するとき、portが重複してしまうことを避けるためにportを変更して起動したい。<br>
実行したいときにコマンドを忘れるので、忘備録として残しておく。</p>
<h2 id="%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%AE%E8%B5%B7%E5%8B%95%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%AE%E8%B5%B7%E5%8B%95%E6%96%B9%E6%B3%95" aria-hidden="true"></a> デフォルトの起動方法</h2>
<div class="code-block-container"><pre><code>npm run dev
</code></pre></div><p>または</p>
<div class="code-block-container"><pre><code>npx next dev
</code></pre></div><h2 id="port%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E8%B5%B7%E5%8B%95%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#port%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E8%B5%B7%E5%8B%95%E6%96%B9%E6%B3%95" aria-hidden="true"></a> PORTを指定する起動方法</h2>
<p>PORT環境変数を指定</p>
<div class="code-block-container"><pre><code>PORT=3001 npm run dev
</code></pre></div><p>-pオプションでの指定。<br>
npxコマンドなことに注意。よく間違える。</p>
<div class="code-block-container"><pre><code>npx next dev -p 3001
</code></pre></div><h2 id="%E5%8F%82%E8%80%83(%E5%85%AC%E5%BC%8Fdocs)">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83(%E5%85%AC%E5%BC%8Fdocs)" aria-hidden="true"></a> 参考(公式Docs)</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__dd808426d07ad" src="https://embed.zenn.studio/card#zenn-embedded__dd808426d07ad" data-content="https%3A%2F%2Fnextjs.org%2Fdocs%2Fapi-reference%2Fcli%23development" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://nextjs.org/docs/api-reference/cli#development" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://nextjs.org/docs/api-reference/cli#development</a></p>


Next.js PORTを変更して起動する

デフォルトの起動方法

PORTを指定する起動方法

参考(公式Docs)

Discussion