tamakipedia

フロントエンドエンジニア。Typescriptもう特訓中です。一日の振り返りや学んだことをちょっとずつ吐いています。

【Next.js】getStaticPropsでurlを取得することが可能

//http://localhost:3000/posts/test2

export async function getStaticProps({ params }) {

  console.log(params) // {slug: "test2"}
  
  const { items } = await client.getEntries({
    content_type: "article",
    "fields.slug": params.slug
  })

  return{
    props: { article: items[0] }
  }
}

自分が書いているcontentfulを使ったブログの一部分。

getStaticProps({ params }) を用いるとparamsに{ slug: 'test2' }が格納される。

nextjs.org

useRouterを使わないと取得できないのかと思っていてびっくり。