Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Next.js framework'ünde server-side yönlendirme (redirection) konusunu anlatmaktadır.
- Video, re-direction'in ne olduğunu ve neden kullanıldığını açıklayarak başlıyor. Konuşmacı, server-side ve client-side yönlendirme arasındaki farkları, özellikle güvenlik açısından server-side yönlendirmenin avantajlarını vurguluyor. Ardından Next.js'te server-side yönlendirme yapmanın nasıl yapılacağını kod örnekleriyle gösteriyor. Ayrıca, SEO açısından 200 status kodunun kullanılmasının önemi ve Google gibi arama motorlarının bu konudaki beklentileri hakkında bilgi veriyor.
- Re-Direction Kavramı ve Kullanım Alanları
- Re-direction, kullanıcı herhangi bir sayfaya girmesini istemediğimiz durumda ana sayfaya veya başka bir sayfaya yönlendirmek için kullanılan bir lojiktir.
- Re-direction yapmanın iki yolu vardır: serverside'da idare etmek veya clientside'da kullanıcıya idare etmek.
- Genellikle user deneyimini nasıl tasarladığımıza bağlı olarak serverside'da kullanıcıyı ret etmek daha doğru olmaktadır.
- 00:26Serverside Re-Direction Örneği
- Örneğin, bir kullanıcının token'ı yoksa onu ana sayfaya yönlendirmek gerekir ve bu durumda user admin sayfasına bile erişmemelidir.
- User admin sayfasına request attığında serverside'da token'ına bakılıp token yoksa kullanıcı ana sayfaya yönlendirilmelidir.
- Clientside'da re-direction yapmak doğru olmayacaktır.
- 01:04Next.js'te Re-Direction Kullanımı
- Next.js'in eski versiyonlarında serverside re-action zor olsa da şu an çok daha kolay hale gelmiştir.
- Herhangi bir sayfanın içerisinde herhangi bir te anında re-direct fonksiyonunu çalıştırıp içerisine hangi yere gitmek istediğinizi yazarak kullanıcıyı o sayfaya yönlendirebilirsiniz.
- Re-direct fonksiyonu Next Navigation'ın altından import edilir ve herhangi bir te anında çağrılabilir.
- 01:39Re-Direction Örneği ve SEO Avantajları
- Re-direct fonksiyonu kullanıldığında, kullanıcı istenen sayfaya doğrudan yönlendirilir ve önceki sayfayı görmeden geçiş yapar.
- Network kısmında re-direct işlemi 200 ile döner, bu da SEO açısından önemli bir avantaj sağlar.
- SEO optimizasyonlarında genellikle 308, 307, 302 veya 301 statüs kodları kullanılırken, Next.js 200 ile döndürerek SEO için daha uygun bir çözüm sunar.