Next.js のハマり集

API 呼び出しの沼

App Router で用意した route.ts に対してリクエストを送っていたが、上手く受理されず、下記のようなエラーが返ってきた。

Failed to parse URL from /api/xxx

正しく受理してくれるパスもあるのに、一部のみ失敗している。

推測

API 側を見ていたが、おそらく呼び出し側に問題があるっぽい。

fetch('/api/xxx')

相対パスで指定しているのが問題のようで、これはサーバー側では使用できないみたい。
正しく受理してくれるリクエストはクライアント側から投げられていたが、SSR のせいで失敗しているかも？とのことだった (AI に聞いた)。