Next.js 如何使用next mdx remote对帖子进行排序？

我正在Next.js和MDX上写博客。为此，我下载了我正在尝试改编的。但我找不到如何对帖子进行排序。现在它们是按字母顺序排列的，但我想按日期排序（或自定义排序）。我该怎么做

代码如下：

{posts.map((post) => (
    <section key={post.filePath}>
        <Link
            as={`/posts/${post.filePath.replace(/\.mdx?$/, "")}`}
            href={`/posts/[slug]`}
        >
            <a>{post.data.title}</a>
        </Link>
    </section>
))}

编辑：

我试图对元素图进行排序。它起作用了，但每次我重新加载页面时，它都会回到字母顺序。这是从哪里来的

这是我的新代码：

const SortedPosts = posts.sort((a, b) =>
    a.position > b.position ? 1 : -1
);

{SortedPosts.map（（post）=>(
{post.data.title}
))}

const SortedPosts = posts.sort((a, b) =>
    a.position > b.position ? 1 : -1
);

{SortedPosts.map((post) => (
    <section key={post.filePath} position={post.data.position}>
        <Link
            as={`/posts/${post.filePath.replace(/\.mdx?$/, "")}`}
            href={`/posts/[slug]`}
        >
            <a>{post.data.title}</a>
        </Link>
    </section>
))}