loading.tsx, error.tsx, dan not-found.tsx

File konvensi khusus: loading.tsx untuk React Suspense loading state, error.tsx untuk Error Boundary, dan not-found.tsx untuk halaman 404.

👀 Contoh dulu

// app/loading.tsx
export default function Loading() { return <p>Loading...</p>; }

Hasilnya: Otomatis tampil saat halaman async sedang mengunduh data di server.

💡 not-found.tsx dapat dipanggil manual dengan fungsi notFound().

📝 Sekarang giliranmu

Tulis komponen loading export default function Loading() { return <p>Loading...</p>; }.

Preview