Cara Otomatisasi IndexNow Bing di Next.js dan Cloudflare Pages CMS

Langkah 1: Memasang File Verifikasi Kepemilikan Bing

Sebelum API dapat berfungsi, Bing memerlukan bukti bahwa Anda adalah pemilik sah dari domain tersebut.

1. Dapatkan API Key khusus IndexNow dari dasbor Bing Webmaster Anda.
2. Buat sebuah file teks menggunakan key tersebut sebagai namanya (contoh: 000002827dac419c9d85ed8959fd000a.txt).
3. Isi file tersebut hanya dengan rentetan karakter key tersebut, tanpa spasi atau baris baru.
4. Letakkan file ini di dalam folder public pada direktori proyek Next.js Anda.

Langkah 2: Mengonfigurasi Environment Variables di Server

Untuk menjaga keamanan sistem agar API tidak disalahgunakan, simpan konfigurasi kredensial Anda di Environment Variables pada pengaturan hosting Anda (misalnya Cloudflare Pages).

• INDEXNOW_KEY: Masukkan key IndexNow 32 karakter Anda.
• INDEXNOW_KEY_LOCATION: Masukkan URL lengkap menuju file teks verifikasi di folder public (contoh: https://domainanda.com/89b81...txt).
• HOSTNAME: Masukkan nama domain utama Anda tanpa https://.
• INDEXNOW_SECRET: Buat kata sandi acak yang panjang sebagai kunci pengaman komunikasi antar server Anda.

Langkah 3: Membuat API Route IndexNow di Next.js

Buat endpoint penerima di proyek Next.js yang akan bertugas meneruskan URL artikel baru ke server Bing. Buat file di lokasi app/api/indexnow/route.ts.

Penting: Sertakan aturan runtime = 'edge' agar Cloudflare Pages tidak mengalami kegagalan proses build.

import { NextResponse } from "next/server";

export const runtime = 'edge'; 

export async function POST(req: Request) {
  try {
    const payload = await req.json() as { url?: string; secret?: string };

    // Validasi keamanan menggunakan secret key
    if (process.env.INDEXNOW_SECRET && payload.secret !== process.env.INDEXNOW_SECRET) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
    }

    const url = payload.url;
    
    // Validasi format URL dan pencocokan domain
    if (!url || !url.startsWith(`https://${process.env.HOSTNAME}/`)) {
      return NextResponse.json({ error: "Invalid or missing url" }, { status: 400 });
    }

    const body = {
      host: process.env.HOSTNAME,
      key: process.env.INDEXNOW_KEY,
      keyLocation: process.env.INDEXNOW_KEY_LOCATION,
      urlList: [url]
    };

    // Proses pengiriman ke server Bing
    const r = await fetch("https://www.bing.com/indexnow", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(body)
    });

    const text = await r.text();
    return NextResponse.json({ status: r.status, body: text });
  } catch (err: any) {
    return NextResponse.json({ error: err.message }, { status: 500 });
  }
}

Langkah 4: Menanamkan Pemicu (Trigger) di CMS

Tanamkan fungsi pemicu yang berjalan otomatis saat redaksi mempublikasikan artikel di CMS Anda (misalnya di functions/api/[[route]].js pada Cloudflare Pages CMS). Gunakan fungsi waitUntil agar request berjalan di latar belakang.

Pastikan variabel slug yang dikirimkan oleh CMS benar-benar mencerminkan akhiran URL artikel Anda.

// Fungsi background untuk memicu IndexNow
const triggerIndexNow = (slug, waitUntil) => {
  // Ganti web.penaeducasi.com dengan domain Anda
  const articleUrl = `https://web.penaeducasi.com/${slug}`; 
  const secretCode = "MASUKKAN_INDEXNOW_SECRET_ANDA_DI_SINI";

  waitUntil(
    fetch("https://domainkamu.com/api/indexnow", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ url: articleUrl, secret: secretCode })
    })
    .then(res => res.json())
    .then(data => console.log("IndexNow Triggered:", data))
    .catch(err => console.error("IndexNow Failed:", err))
  );
};

git add .
git commit -m "Menambahkan fitur integrasi otomatis IndexNow"
git push origin main

Invoke-RestMethod -Uri "https://domainkau.com/api/indexnow" -Method Post -ContentType "application/json" -Body '{"url":"https://web.penaeducasi.com/artikel-tes-slug","secret":"MASUKKAN_INDEXNOW_SECRET_ANDA_DI_SINI"}'