Skip to content

    draftMode

    The draftMode function allows you to detect Draft Mode inside a Server Component.

    app/page.js
    import { draftMode } from 'next/headers';
     
    export default function Page() {
      const { isEnabled } = draftMode();
      return (
        <main>
          <h1>My Blog Post</h1>
          <p>Draft Mode is currently {isEnabled ? 'Enabled' : 'Disabled'}</p>
        </main>
      );
    }

    Was this helpful?