Nextjs I18n Draft Mode Locale Routing Cms Preview

Next.js1 September 20262 menit baca

Nextjs I18n Draft Mode Locale Routing Cms Preview

Definisi

i18n di Next.js mencakup routing berbasis locale (sub-path atau domain) dan pemilihan bahasa. Draft Mode adalah mekanisme untuk menonaktifkan static rendering sementara, sehingga konten draft dari CMS bisa dipreview sebelum dipublikasikan.

Kapan dipakai

i18n: produk multi-bahasa dengan SEO per-locale (URL /en, /id).
Draft Mode: halaman statis tapi butuh preview konten dari CMS headless (WordPress/Sanity) yang belum live.

Cara kerja

i18n routing

// next.config.js
module.exports = {
  i18n: {
    locales: ['en', 'id'],
    defaultLocale: 'id',
  },
};

Locale diteruskan lewat useRouter().locale dan .

Selesai membaca dokumentasi ini?

Kembali ke rujukan utama Next.js untuk melanjutkan topik lainnya.

Kembali ke Kategori

getStaticProps({ locale })

// app/api/draft/route.ts
import { draftMode } from 'next/headers';
 
export async function GET(req: Request) {
    const { searchParams } = new URL(req.url);
    if (searchParams.get('secret') !== process.env.DRAFT_SECRET) {
        return new Response('invalid', { status: 401 });
    }
    draftMode().enable();
    return new Response(null, { status: 307, headers: { Location: '/' } });
}

Nextjs I18n Draft Mode Locale Routing Cms Preview | Rujukan Pemrograman | Mahir.dev Academy

Nextjs I18n Draft Mode Locale Routing Cms Preview

Nextjs I18n Draft Mode Locale Routing Cms Preview

Definisi

Kapan dipakai

Cara kerja

i18n routing

Selesai membaca dokumentasi ini?

Draft Mode

Mematikan

Struktur alur

Contoh fetch dengan draft awareness

Catatan implementasi

Kesalahan umum

Referensi terkait