Next/mdx blog index page

blog.tsx

export async function getStaticProps() {
  const postDirectory = path.join(process.cwd(), "src/pages/blog");
  const postFilenames = fs
    .readdirSync(postDirectory)
    .filter((file) => path.extname(file).toLowerCase() === ".mdx");
  const postModules = await Promise.all(
    postFilenames.map(async (p) => require(`./${p}`))
  );

  return {
    props: {
      posts: postModules.map((post) => ({
        ...post.meta,
        date: (post.meta.date as Date).toISOString(),
      })),
    },
  };
}