fe1a898c2606-03.js

import { useRouter } from 'next/router';

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

export async function getStaticPaths() {
  return {
    paths: [{ params: { id: '1' } }, { params: { id: '2' } }],
    fallback: true,
  };
}

export async function getStaticProps({ params }) {
  // if url was /posts/2, params.id will be 2
  const res = await fetch(`https://path/to/your/api/${params.id}`);
  const post = await res.json();
  
  return { props: { post } };
}

export default Post;