Halaman Error Next.js (404, 400, 500) Terus Melakukan Reload di Mode Development

Beberapa waktu lalu saya lagi ngembangin blog pakai Next.js 15.3.0 dengan struktur app/ directory. Semuanya jalan mulus, sampai saya sengaja navigasi ke halaman yang nggak ada untuk tes 404. Tapi anehnya…

Awalnya saya kira ini karena cache, error di middleware, atau config tertentu. Tapi setelah cek console, log-nya juga nggak jelas. Pokoknya looping terus tanpa henti 😩

🔍 Apa Penyebabnya?

Ternyata ini adalah bug yang muncul di development mode Next.js, terutama saat app/ directory digunakan dengan routing dinamis, dan custom error pages (not-found.tsx, dll.) tidak disetel dengan benar.

✅ Solusi yang Berhasil Saya Pakai

Akhirnya, saya nemu solusi simpel yang benar-benar bekerja. Kalau kamu juga pakai Next.js v15.3.0 dan struktur app/, ini dia caranya:

✨ Langkah 1: Buat Folder [...not_found]

Di dalam folder app/, buat folder baru bernama [...not_found], dan di dalam folder itu, buat file page.tsx (atau .jsx):

import { notFound } from "next/navigation";

const NotFoundCatchAll = () => notFound();

export default NotFoundCatchAll;

Fungsi ini akan menangkap semua route yang nggak cocok dan melempar ke halaman not-found.tsx.

✨ Langkah 2: Tambahkan not-found.tsx di Root app/

Masih di dalam app/, buat file not-found.tsx:

export default function NotFound() {
  return (
    <div>NotFound</div>
  );
}

Boleh kamu custom tampilannya sesuai branding kamu.

💡 Kenapa Ini Bekerja?

Dengan kombinasi ini:

• Folder app/[...not_found] bertindak sebagai catch-all route handler.
• Fungsi notFound() memaksa redirect ke app/not-found.tsx.
• Ini menghindari loop reload yang biasanya terjadi saat not-found.tsx tidak dikaitkan dengan benar oleh Next.js.

🧪 Tested On

• Next.js: 15.3.0
• Routing Mode: App Router (app/ directory)
• Mode: Development

Kalau kamu ngalamin infinite reload saat buka halaman error di Next.js, terutama di mode development, coba dulu cara di atas.

Semoga tulisan ini bantu kamu debug lebih cepat dan hemat waktu. Jangan lupa bookmark biar nggak lupa pas nemu masalah ini lagi 😄