I know the general way to handle this issue in nextjs is to set the header in the middleware and then obtain this value through the headers where needed;
like this:

// middleware.ts
import { NextResponse } from 'next/server'
import type { NextRequest } from 'next/server'

// the following code is taken from : https://nextjs.org/docs/advanced-features/middleware#setting-headers
export function middleware(request: NextRequest) {
  return NextResponse.next({
     request: {
        // New request headers
        'x-pathname': request.nextUrl.pathname,
     },
  });
}

// the following code has been copied from https://nextjs.org/docs/advanced-features/middleware#matcher
export const config = {
  matcher: [
    /*
     * Match all request paths except for the ones starting with:
     * - api (API routes)
     * - _next/static (static files)
     * - _next/image (image optimization files)
     * - favicon.ico (favicon file)
     */
    '/((?!api|_next/static|_next/image|favicon.ico).*)',
  ],
}

// app/some/where/page.tsx
import { headers } from 'next/headers';

export default async function Page() {
  const pathname = headers.get('x-pathname');
   
  return <>{/*... your page code */}</>
}

However, my page will be deployed with a CDN. I also know that I can set up lambda or Function on AWS. Apart from these, are there any other ways to achieve this?