ServerComponents1 Next.js 동적 경로 params와 generateStaticParams 사용법 App Router에서 params.slug에 바로 접근하던 코드가 Next.js 16에서 타입 오류나 런타임 오류를 내면, params를 동기 객체로 쓴 경우가 많아요. params를 Promise로 선언하고 await한 뒤 사용하면 돼요. 빌드할 slug 목록은 generateStaticParams라는 named export로, 페이지 컴포넌트는 default export로 분리해야 해요. 이 글은 cacheComponents를 켜지 않은 기본 설정에서 Next.js 16.3.6, React 19.2.4, TypeScript 5.9.3 기준으로 적어요. /blog/[slug]처럼 URL 일부를 파일명으로 받을 때의 예제예요. 아래 코드는 기존 App Router TypeScript 프로젝트의 app/.. 2023. 9. 26. 이전 1 다음