2023-06-23T04:49:41.158Z

2

작성하신대로 이름을 decode해도 좋고, 아니면 설계를 바꿔서 name 대신 nid를 기준으로 데이터를 가져와도 좋아보입니다.

하지만 이 게시물의 요지는 "pages의 getStaticPaths 기능을 app directory에서 어떻게 사용하는가"로 보았습니다. 더 자세한 내용은 next.js 공식문서에 있는 'migration guide'를 보는게 도움이 되실 것 같습니다! (새로운 generateStaticParams API 사용)
링크: https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#dynamic-paths-getstaticpaths

// `app` directory 
export async function generateStaticParams() {
  return [{ id: '1' }, { id: '2' }]
}
 
async function getPost(params) {
  const res = await fetch(`https://.../posts/${params.id}`)
  const post = await res.json()
 
  return post
}
 
export default async function Post({ params }) {
  const post = await getPost(params)
 
  return <PostLayout post={post} />
}

2023-06-16T14:51:45.044Z