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
- /reg/
- /(auth)/
Kayıt sayfası için dosyayı oluşturalım:
export default function Reg() {
return <h1>register</h1>;
}
Yetkilendirme sayfası için dosyayı oluşturalım:
export default function Log() {
return <h1>login</h1>;
}
Deride anlatılan manipülasyonları uygulayın. Her şeyin beklendiği gibi çalıştığından emin olun.
