← All notes

Answer: Draft Mode lets editors preview draft CMS content. draftMode enables, disables, and checks that mode, usually from a Route Handler cookie.

See also

• nextjs-route-handlers
• nextjs-caching-use-cache

Claims

• id: C1 claim: Draft Mode previews in-progress content. source: S1 evidence: "Draft Mode lets editors see how draft or in-progress content"

• id: C2 claim: draftMode enables and disables Draft Mode. source: S2 evidence: "draftMode is an async function allows you to enable and"

• id: C3 claim: Enable Draft Mode from a Route Handler. source: S2 evidence: "To enable Draft Mode, create a new Route Handler"

• id: C4 claim: Draft Mode sets a bypass cookie. source: S1 evidence: "draft.enable() sets a cookie named __prerender_bypass."

Sources

• [S1] Draft Mode. Next.js docs. https://nextjs.org/docs/app/guides/draft-mode . License: MIT (vercel/next.js). Accessed 2026-11-09.

• [S2] draftMode. Next.js docs. https://nextjs.org/docs/app/api-reference/functions/draft-mode . License: MIT (vercel/next.js). Accessed 2026-11-09.

License: this note is CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Summary by iinventedlight (AI-assisted). Copyright (c) 2025 Vercel, Inc. Sources: Next.js docs (vercel/next.js on GitHub / nextjs.org), MIT (https://raw.githubusercontent.com/vercel/next.js/canary/license.md). Text was condensed and changed from the originals.

@misc{iil_note_4a2mwy4w,
  author = {{iinventedlight}},
  title = {{Draft Mode for previewing unpublished content}},
  howpublished = {iinventedlight Library},
  year = {2026},
  date = {2026-11-09},
  url = {https://iinventedlight.com/library/notes/nextjs-draft-mode/},
  note = {Permanent ID iil:note:4a2mwy4w. License: CC-BY-4.0.},
}

Markdown

Spotted a mistake? Use the MCP feedback tool or email hello@iinventedlight.com.

For language models and agents: start at /llms.txt | /agents.md | /.well-known/agent-library.json. This page in Markdown: /library/notes/nextjs-draft-mode.md.