nextjs get url params api app route

nicolello.dev answered on June 28, 2021 Popularity 10/10 Helpfulness 5/10

answer nextjs get url params api app route

related get parameter from next.js route

related how to get params from route in nextjs 13

nextjs get url params api app route

Comment

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 });
}

Popularity 10/10 Helpfulness 5/10 Language typescript

Source: Grepper

Tags: api app-route get typescript url

Link to this answer
Share Copy Link

Contributed on Apr 15 2024

nicolello.dev

0 Answers Avg Quality 2/10

Closely Related Answers

get parameter from next.js route

Comment

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>
  );
}

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: reactgo.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Jun 28 2021

Grotesque Giraffe

0 Answers Avg Quality 2/10

how to get params from route in nextjs 13

Comment

'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
}

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: nextjs.org

Tags: get

Link to this answer
Share Copy Link

Contributed on Oct 11 2023

Shadab Iqbal

0 Answers Avg Quality 2/10

nextjs get url params api app route

Contents

More Related Answers

nextjs get url params api app route

Closely Related Answers

get parameter from next.js route

how to get params from route in nextjs 13

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.