Halaman & Routing Folder

Aturan emas routing

Di Next.js, nama folder = alamat halaman. Di dalam folder itu, file bernama page.js adalah isi halamannya.

Langkah membuat halaman baru

1. Buat folder di dalam app/, misalnya tentang.
2. Di dalamnya buat file page.js.
3. Tulis komponen dengan export default.
4. Buka localhost:3000/tentang.

// app/tentang/page.js
export default function TentangPage() {
  return (
    <main>
      <h1>Tentang Kami</h1>
    </main>
  );
}

Penting: file tanpa nama page.js tidak menjadi halaman. Jadi kamu bebas menaruh file pendukung di folder yang sama.