Как передать динамическую ссылку на компонент?

Разрабатываю сайт на NextJS. Сайт, грубо говоря блог. Ну и к примеру, на главной страницы есть превью статьи и я хочу что бы на ней была динамическая маршрутизация. Вот я так отрисовую каждый пост:

<div className="array huge-spacing">
   {
      articles.map(article => {
          return (
              <Article
                   key={ article.id }
                   link="2"
                   article={ article.title }
                   textPreview={ article.body }
                   category={ null }
                   publicationDate={ article.publicationDate }
              />
          )
      })
    }
</div>

export async function getStaticProps() {
    const articles = await getPosts()
    const articlesJSON = await articles.json()

    return {
        props: {
            articles: articlesJSON,
        }
    }
}

И меня тут интересует, как мне передать параметр динамически в link={?}?