msgapp/src/app/boards/[id]/page.tsx

import { PostList } from "@/app/components/PostList";

export default async function BoardDetail({ params, searchParams }: { params: { id: string }; searchParams?: { sort?: "recent" | "popular" } }) {
  const sort = searchParams?.sort ?? "recent";
  // 보드 slug 조회 (새 글 페이지 프리셋 전달)
  const res = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL ?? ""}/api/boards`, { cache: "no-store" });
  const { boards } = await res.json();
  const board = (boards || []).find((b: any) => b.id === params.id);
  return (
    <div>
      <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
        <h1>게시판</h1>
        <a href={`/posts/new?boardId=${params.id}${board?.slug ? `&boardSlug=${board.slug}` : ""}`}><button>새 글</button></a>
      </div>
      <PostList boardId={params.id} sort={sort} />
    </div>
  );
}