import { NextRequest, NextResponse } from "next/server"; export async function GET(req: NextRequest) { const url = new URL(req.url) const id = url.searchParams.get("id"); // Do stuff return NextResponse.json({ id }, { status: 200 }); }import {useRouter} from "next/router"; export default function Items() { const { query } = useRouter(); return ( <div> <h1>Items page</h1> <p>{query.id}</p> <p>{query.name}</p> </div> ); }'use client' import { useEffect } from 'react' import { usePathname, useSearchParams } from 'next/navigation' export function NavigationEvents() { const pathname = usePathname() const searchParams = useSearchParams() useEffect(() => { const url = `${pathname}?${searchParams}` console.log(url) // You can now use the current URL // ... }, [pathname, searchParams]) return null }