export async function getStaticProps(context) {
  const { slug } = context.params;
  const post = await fetch(`https://api.example.com/posts/${slug}`).then(res => res.json());
  return { props: { post }, revalidate: 60 };
}

export async function getServerSideProps(context) {
  const { slug } = context.params;
  const comments = await fetch(`https://api.example.com/posts/${slug}/comments`).then(res => res.json());
  return { props: { comments } };
}

function BlogPostPage({ post, comments }) {
  return (
    <div>
      <h1>{post.title}</h1>
      <div dangerouslySetInnerHTML={{ __html: post.content }} />
      <h2>Bình luận</h2>
      {comments ? comments.map(c => <p key={c.id}>{c.author}: {c.text}</p>) : <p>Đang tải bình luận...</p>}
    </div>
  );
}

export default BlogPostPage;