在NextJS中创建回退映像的最佳方式是什么？

// pages/post/[id].js

import { useRouter } from 'next/router';

export default function Post({ post }) {
  const router = useRouter();
  if (router.isFallback) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      <h1>{post.title}</h1>
      <p>{post.content}</p>
    </div>
  );
}

export async function getStaticPaths() {
  // 获取所有可能的参数
  const paths = [
    { params: { id: '1' } },
    { params: { id: '2' } },
    { params: { id: '3' } },
    // ...
  ];

  return {
    paths,
    fallback: true, // 如果有未预先生成的页面，启用回退
  };
}

export async function getStaticProps({ params }) {
  // 根据参数获取数据
  const res = await fetch(`https://api.example.com/posts/${params.id}`);
  const post = await res.json();

  return {
    props: {
      post,
    },
    revalidate: 60, // 每60秒重新生成页面
  };
}