Pengelompokan Rute di NextJS

Terkadang kita mungkin perlu untuk mengelompokkan beberapa rute ke dalam satu folder untuk kemudahan, tanpa membuat folder pengelompokan tersebut menghasilkan segmen terpisah dalam URL.

Untuk melakukan ini, nama folder pengelompokan harus diapit oleh tanda kurung. Mari kita lihat sebuah contoh.

Misalkan untuk URL /reg kita ingin membuat halaman pendaftaran, dan untuk URL /log - halaman otorisasi. Mari gabungkan folder-folder yang sesuai dengan URL ini ke dalam satu folder umum dengan nama (auth).

Dengan demikian, kita akan mendapatkan struktur file berikut:

/app/
- /(auth)/
  - /reg/
    - page.jsx
  - /log/
    - page.jsx

Mari buat file untuk halaman pendaftaran:

export default function Reg() {
	return <h1>register</h1>;
}

Mari buat file untuk halaman otorisasi:

export default function Log() {
	return <h1>login</h1>;
}

Lakukan manipulasi yang dijelaskan dalam pelajaran. Pastikan semuanya bekerja seperti yang diharapkan.