index.js

export default function Article({ article }) {
  return (
    <>
      <h3>{article.title}</h3>
      <br />
      <Link href='/'>Go Back</Link>
    </>
  );
}

export const getStaticProps = async (context) => {
  const {
    params: { slug },
  } = context;

  const article = yourArticleData.find((item) => item.id === id);

  return {
    props: {
      article,
    },
  };
};

export const getStaticPaths = async () => {
  const ids = yourArticleData.map((article) => article.id);
  const paths = ids.map((id) => ({ params: { id: id } }));

  return {
    paths,
    fallback: false,
  };
};