NextJS'te Rota Gruplama

Bazen, URL'de ayrı bir segment oluşturmayacak şekilde birkaç rotayı bir klasörde gruplamak isteyebiliriz.

Bunun için, gruplayan klasörün adı yuvarlak parantez içine alınmalıdır. Bir örnekle inceleyelim.

/reg URL'si için kayıt işlemi, /log URL'si için ise yetkilendirme işlemi yapmak isteyelim. Bu URL'lere karşılık gelen klasörleri (auth) adında ortak bir klasörde birleştirelim.

Böylece aşağıdaki dosya yapısı elde edilecektir:

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

Kayıt sayfası için dosyayı oluşturalım:

app/(auth)/reg/page.jsxexport default function Reg() {
  return <h1>register</h1>;
}

Yetkilendirme sayfası için dosyayı oluşturalım:

app/(auth)/log/page.jsxexport default function Log() {
  return <h1>login</h1>;
}