Next.js getServerSideProps, dinamik url

Hamdi Yılmaz
1 min readNov 1, 2021

ü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)

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

No responses yet

Write a response