문서
App Router 사용하기
draftMode

draftMode

draftMode 함수를 사용하면 서버 컴포넌트 내에서 미리보기 모드(draftmode)를 감지할 수 있습니다.

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>
  );
}

버전 기록

버전변경 사항
v13.4.0draftMode가 도입되었습니다.