Next.js Navigasyon
react-js de karışık olan code based routing next-js ile file based hale getirilmiş. hem derlemesi hemde daha sonra müdehale etmesi çok daha basitleşmiş.
pages kalsörü altındaki dosyalara klasik html’deki gibi erişm sağlanır. Erişim linki için anchor tag kulanılabilir fakat Link avantajlarından faydalanmak daha doğru.
adres satırından değişken isimlerini kullanabilmek için klasör ya da dosya isimleri [] içinde yazılmalıdır. bu değişken isimlerinin gerçek hayatta kullanım şekilleri;
adres satırından gelen değişken değerler useRouter hook u kullanılarak alınır.
[] ile birden fazla değişken kullanımında […items] şeklinde kullanılır. array halde değer döner ve / ile ayrılmış her bir parça array’in bir elemanı olur.
Link ve anchor tag kullanımı haricinde fonksiyon tarafından gerçekleşen bir işlem sonrasında da navigasyon işlemi yapabilmek için yine useRouter hook’u kullanılır.
özelleştirilmiş 404 sayfası için pages klasörünün altında 404.js dosyası oluşturulması ve içeriğin burada yapılması yeterlidir.
