·nextjs-dynamic-routes-params
</>

nextjs-dynamic-routes-params

wsimmonds/claude-nextjs-skills

Next.js 앱 라우터 동적 경로 및 경로 이름 매개변수에 대한 가이드입니다. URL 세그먼트(ID, 슬러그, 중첩 경로)에 의존하는 페이지를 구축하거나 `params` prop에 액세스하거나 식별자로 리소스를 가져올 때 사용합니다. 가장 간단한 경로 구조(예: URL에서 요구하지 않는 한 `app/products/[id]` 대신 `app/[id]`)를 기본값으로 설정하여 과도한 중첩을 방지하는 데 도움이 됩니다.

39설치·0트렌드·@wsimmonds

설치

$npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-dynamic-routes-params

SKILL.md

Look for requirements that tie data to the URL path.

Create a dynamic segment ([param]) whenever the UI depends on part of the pathname. Typical signals include:

Core rule: If data varies with a URL segment, the folder name needs matching brackets.

Next.js 앱 라우터 동적 경로 및 경로 이름 매개변수에 대한 가이드입니다. URL 세그먼트(ID, 슬러그, 중첩 경로)에 의존하는 페이지를 구축하거나 `params` prop에 액세스하거나 식별자로 리소스를 가져올 때 사용합니다. 가장 간단한 경로 구조(예: URL에서 요구하지 않는 한 `app/products/[id]` 대신 `app/[id]`)를 기본값으로 설정하여 과도한 중첩을 방지하는 데 도움이 됩니다. 출처: wsimmonds/claude-nextjs-skills.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-dynamic-routes-params
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

nextjs-dynamic-routes-params이란?

Next.js 앱 라우터 동적 경로 및 경로 이름 매개변수에 대한 가이드입니다. URL 세그먼트(ID, 슬러그, 중첩 경로)에 의존하는 페이지를 구축하거나 `params` prop에 액세스하거나 식별자로 리소스를 가져올 때 사용합니다. 가장 간단한 경로 구조(예: URL에서 요구하지 않는 한 `app/products/[id]` 대신 `app/[id]`)를 기본값으로 설정하여 과도한 중첩을 방지하는 데 도움이 됩니다. 출처: wsimmonds/claude-nextjs-skills.

nextjs-dynamic-routes-params 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-dynamic-routes-params 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/wsimmonds/claude-nextjs-skills