minodisk

<h1 id="next-auth-%E3%81%AE%E3%82%A8%E3%83%83%E3%82%B8%E5%AF%BE%E5%BF%9C">
<a class="header-anchor-link" href="#next-auth-%E3%81%AE%E3%82%A8%E3%83%83%E3%82%B8%E5%AF%BE%E5%BF%9C" aria-hidden="true"></a> next-auth のエッジ対応</h1>
<p><code>4.24.7</code> だと、プロダクションビルド時に次のエラーが出る。</p>
<div class="code-block-container"><pre><code>Module not found: Can't resolve 'crypto'
</code></pre></div><p><code>5.0.0-beta.17</code> ならでない。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">package.json</span></div>
<pre class="language-json"><code class="language-json"><span class="token punctuation">{</span>
  <span class="token property">"dependencies"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token property">"next-auth"</span><span class="token operator">:</span> <span class="token string">"beta"</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre>
</div><ul>
<li><a href="https://github.com/nextauthjs/next-auth/issues/7527" target="_blank" rel="nofollow noopener noreferrer">Module not found: Can't resolve 'crypto' #7527</a></li>
</ul>


<h1 id="server-actions-%E4%BD%BF%E3%81%88%E3%81%AA%E3%81%84">
<a class="header-anchor-link" href="#server-actions-%E4%BD%BF%E3%81%88%E3%81%AA%E3%81%84" aria-hidden="true"></a> Server actions 使えない</h1>
<div class="code-block-container"><pre><code>POST https://example.com/ net::ERR_ABORTED 404 (Not Found)
</code></pre></div><ul>
<li><a href="https://github.com/cloudflare/next-on-pages/issues/679" target="_blank" rel="nofollow noopener noreferrer">[🐛 Bug]: Calling server actions on a static or SSR pages returns 405: Method Not Allowed #679</a></li>
</ul>


<h1 id="%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%A7%E3%81%AF%E5%8B%95%E3%81%8F%E3%81%91%E3%81%A9%E3%80%81%E3%82%A8%E3%83%83%E3%82%B8%E3%81%A7%E3%81%AF%E5%8B%95%E3%81%8B%E3%81%AA%E3%81%84">
<a class="header-anchor-link" href="#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%A7%E3%81%AF%E5%8B%95%E3%81%8F%E3%81%91%E3%81%A9%E3%80%81%E3%82%A8%E3%83%83%E3%82%B8%E3%81%A7%E3%81%AF%E5%8B%95%E3%81%8B%E3%81%AA%E3%81%84" aria-hidden="true"></a> ローカルでは動くけど、エッジでは動かない</h1>
<div class="code-block-container"><pre class="language-zsh"><code class="language-zsh">next dev
</code></pre></div><p>大体のことは↑でいいんだけど。<br>
サーバーとクライアントを行き来するところや、新しいライブラリためしたりする時は↓で確認する。</p>
<div class="code-block-container"><pre class="language-zsh"><code class="language-zsh">next-on-pages --watch
wrangler pages dev .vercel/output/static --compatibility-flag=nodejs_compat
</code></pre></div>