You are currently viewing documentation for version 14 of Next.js.
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>
)
}
Version History
Version | Changes |
---|---|
v13.4.0 | draftMode introduced. |
Was this helpful?