Webサイトのコンテンツを
Notionから作成・公開しよう

// app/blog/page.tsx
import { Client } from 'notcms';
import { schema } from '../../notcms/schema';

const nc = new Client({ schema });

export default async function Blog() {
  const [pages] = await nc.query.blog.list();
  const [page] = await nc.query.blog.get('<page_id>');

  return (
    <div>
      <h1>Blog</h1>
      <h2>{page.title}</h2>
      <p>{page.content}</p>
      <ul>
        {pages.map((p) => (
          <li key={p.id}>{p.title}</li>
        ))}
      </ul>
    </div>
  );
}