Next.js で OGP や canonical URL を設定する際、「現在のページ URL をどう取得するか？」 はとても重要なポイントです。 Next.js 13 以降（App Router）では、usePathname() を使うようになっています。 usePathname() を使う Next.js の最新環境では、ページ URL 取得には次の方法 ...

Fetch APIはブラウザのJavaScriptを利用してネットワーク越しにデータを取得するための新しい機能です。同様の技術には、XMLHttpRequestがありますが、Fetch APIを使う事で、より柔軟で強力な操作が可能になります。 なお、新しいAPIと言ったのには理由があります。