Next.js Draft Mode

Expert guidance on using Draft Mode in Next.js to preview draft content from headless CMS — enable/disable, secure access, and Cache Components integration.

@doc-version: 16.2.6

Core Concepts

Draft Mode ให้คุณ preview draft content จาก headless CMS โดยไม่ต้อง rebuild ทั้ง site:

• Static pages สลับไป dynamic rendering
• เห็น draft changes ทันที
• ทำงานผ่าน cookie (__prerender_bypass)

Guidelines

1. Create Route Handler (Enable Draft Mode)