Funcția draftMode() permite comutarea aplicației Next.js într-un mod de previzualizare securizat, permițând editorilor de conținut din platforme Headless CMS (WordPress REST API, Strapi, Sanity) să vizualizeze ciornele de articole nepublicate în timp real, ocolind cache-ul static.
// app/api/draft/route.ts - Activarea modului Draft
import { draftMode } from 'next/headers';
import { redirect } from 'next/navigation';
export async function GET(request: Request) {
const { searchParams } = new URL(request.url);
const secret = searchParams.get('secret');
if (secret !== process.env.DRAFT_SECRET) {
return new Response('Token invalid', { status: 401 });
}
const draft = await draftMode();
draft.enable(); // Setează cookie-ul securizat __prerender_bypass
redirect('/articole/ciorna-secreta');
}Cum Funcționează: Când draftMode().isEnabled este adevărat, Next.js dezactivează memoria tampon SSG și solicită datele proaspete direct de la sursa backend la fiecare refresh.
Metode Disponibile
draft.enable(): Emite cookie-ul semnat criptografic ce activează previzualizarea.draft.disable(): Oprește modul Draft și revine la versiunea publicată din cache.const { isEnabled } = await draftMode(): Verifică starea curentă din Server Components.
Întrebări & Exemple de Cod:
draftMode() din next/headers – Modul de Previzualizare Headless CMSAi o nelămurire despre utilizarea comenzii
draftMode() din next/headers – Modul de Previzualizare Headless CMSsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.