getServerSideProps っていうのを使ってmicroCMSからコンテンツを取得する。
getServerSideProps の中では next/router 使えないっぽいので以下のようにする。

export async function getServerSideProps(context) {
  const id = context.query.slug
  const res = await fetch(`https://xxx.microcms.io/api/v1/hoge/${fuga}`, {
    headers: {
      "X-API-KEY": process.env.apiKey
    }
  })
  const post = await res.json()
  return { props: { post } }
}