Unable to get Search Params in Route Handlers

[nsylke]

I was looking around the docs to try and find a way to get the search params (e.g. ?v=1) inside of a route handler. I am currently deconstructing req.url to receive the search params, is this the only way?

[icyJoseph]

You have two options:

Native:

export async function GET(request: Request) {
  console.log(new URL(request.url).searchParams.get("foo"));
  return new Response("Hello World");
}

And with NextRequest:

export async function GET(request: NextRequest) {
    const searchParams = request.nextUrl.searchParams;

    const slug = searchParams.get("slug");
    console.log("Processing slug", { slug });

    return new Response("Hello World");
}

[programmersEmperor]

Here is what you need to do:

export async function GET(request: Request) {
  const searchParams  = request.nextUrl.searchParams
  const v = searchParams.get('v')
 console.log(v)
  
  return Response.json({ v })
}