2024. 2. 18.

get path variable in dynamic routing in app routing of next.js

 Next.js 

 app routing 

dynamtic routing


Next.js 에서 app routing을 사용할때  dynamic path를 사용하는 경우  path로 넘기는 변수 값을 얻어 오기 

page에 대한 dynamic routing은 설명이 되어 있으나 ,  route.js에서 쓰는 방법을 찾기가 어려웠음 

https://nextjs.org/docs/app/api-reference/file-conventions/route

route.ts 에 패스를 넘기는 설명이 있음


링크 예제에는 아래와 같이 되어 있으나, 

export async function GET(request, context: { params }) {
const team = params.team; // '1'
...
}

위 경우를 아래와 같이  수정 함 

async function GET(req: NextRequest, context: { params: any }) {
const companyId = context.params.companyId;
const memberId = context.params.memberId;
...
}

디렉토리 구조