What is Draft Mode in Next.js and when would you use it?

Draft Mode lets content editors preview unpublished changes from a content management system before they go live, by temporarily bypassing the normal static caching so the page always shows the latest draft content instead of the cached published version.

// app/api/draft/route.js
import { draftMode } from 'next/headers';

export async function GET() {
  const draft = await draftMode();
  draft.enable();
  return new Response('Draft mode enabled');
}