まとめ Next.js の App router の Server Component で URL を取得できます。 以下が実装手順です。 middleware で URL を取得し、リクエストヘッダーに x-url を追加 Server Component でリクエストヘッダーの x-url から URL を取得 以下の例では取得した URL と URL クエリパラメターを画面に表示しています。 Next.jsプロジェクトの作成 動作を作業するための Next.js プロジェクトを作成します。長いので、折り畳んでおきます。 新規プロジェクト作成と初期環境構築の手順詳細 $ pnpm create next-app@latest next-approuter-servercomponent-fullurl --typescript --eslint --import-alias "@/*"

