// Using App Router from Next.js 14
import { buildWispClient } from "@wisp-cms/client";
import { PostCard } from "./PostCard";

const wisp = buildWispClient({
  blogId: "your-blog-id",
});

export default async function Page() {
  const blog = await wisp.getPosts();

  return (
    <div>
      {blog.posts.map((post) => (
        <PostCard post={post} key={post.slug} />
      ))}
    </div>
  );
}