This is how you link an article to itself(main) by id in next.js

link_to_main_article.md

Linking an article to the main article by id

Take special interest in the following code

<Link href='/article/[id]' as={`/article/${article.id}`}>

This is the main article

I have called this ArticleItem.js

import articleStyles from '../styles/Article.module.css'
import Link from 'next/link'
import { Fragment } from 'react'

const ArticleItem = ({ article }) => {
  return (
    <Fragment>
      <Link href='/article/[id]' as={`/article/${article.id}`}>
        <a className={articleStyles.card}>
          <h3>{article.title} &rarr</h3>
          <p>{article.body}</p>
        </a>
      </Link>
    </Fragment>
  )
}

export default ArticleItem