Next.js getServerSideProps, dinamik url
üsttekei durumda dummy data dan alıyor. aşağıda serverside rendering yaparak alınan hale dönüştürdü. neden server side: çünkü sayfa sayısı ay ve yıl olarak (…/yıl/ay) belirlendiği için çok fazla sayfa oluşacak. bunların her seferinde static oluşması ve statik halde kalması sistemi yorar. client side çalışması durumunda da arama motorları tarafından bu veriler görüntülenemez. bu örnekte arama motorlarının bu sayfaları görmesine gerek yok. arama motorları tarafından featured eventlerin görünmesi ve event sayfalarının görülmesi yeterli. biz yinede eğitim makatlı serverside rendering i aşağıda yapacağız. bir sonraki alıştırmada sayfayı client side render edeceğiz.. (not: aşağıdaki dosya haricinde api-utils.js içinde de değişiklik yapıldı. tam proje linki aşağıda var)
getServerSide return değerleri arasında props, notFound, redirect olabilir. notFound:true durumunda 404 sayfa olur. redirect ile sayfa başka bir sayafa yönlendirilir. bu işlemleri veride bir hata olduğunda kullanabileceğimiz gibi bu projede tercih ettiğimiz yöntemde kullanılabilir. (props içinde hasError değerini gönderip function da bu durumu kontrol ederek return değerini belirleme)