File Khusus: Loading, Error, Not Found

Next.js menyiapkan file dengan nama khusus

Cukup buat file-nya; tidak perlu memanggilnya sendiri.

loading.js

export default function Loading() {
  return <p>Memuat…</p>;
}

error.js

Harus Client Component. Menerima error (isi masalahnya) dan reset (function untuk mencoba lagi):

"use client";

export default function Error({ error, reset }) {
  return (
    <div>
      <p>{error.message}</p>
      <button onClick={reset}>Coba lagi</button>
    </div>
  );
}

Pengunjung melihat pesan yang ramah, bukan layar putih yang membingungkan. Di latihan, komponennya kita beri nama ErrorPage — nama function bebas, yang penting export default-nya.