draftMode

draftMode 関数を使用すると、サーバーコンポーネント (Server Component) 内で ドラフトモード (Draft Mode) を検出できます。

app/page.js
import { draftMode } from 'next/headers'

export default function Page() {
  const { isEnabled } = draftMode()
  return (
    <main>
      <h1>My Blog Post</h1>
      <p>ドラフトモードは現在 {isEnabled ? '有効' : '無効'}</p>
    </main>
  )
}

バージョン履歴

バージョン変更内容
v13.4.0draftMode が導入されました。