#22 Next.js 15 Öğrenci Detay Sayfası | Dynamic Route ile Detay Görüntüleme
Bu derste Next.js 15 projemizde Öğrenci Detay Sayfası oluşturuyoruz.
Dynamic route yapısını kullanarak [id] üzerinden seçilen öğrencinin detay bilgilerini ekrana getiriyoruz.
JSON Server’dan gelen student verisini, URL parametresini kullanarak filtreliyor ve sadece ilgili öğrencinin bilgilerini gösteriyoruz. Böylece liste sayfasından detay sayfasına geçiş mantığını gerçek bir proje senaryosu ile öğrenmiş oluyoruz.
Dynamic routing, gerçek dünya projelerinde en sık kullanılan yapılardan biridir. Bu videoda detay sayfası mantığını net şekilde oturtacağız.
Bu derste öğrenecekleriniz:
[id] ile dynamic route oluşturma
URL parametresi alma (params)
API’den tekil veri çekme
Detay sayfası oluşturma
Liste → Detay geçiş mantığı
Route test etme
Eğer Next.js 16’yı sıfırdan ileri seviyeye kadar, gerçek projeler üzerinden öğrenmek istiyorsanız, tüm detayları anlattığım Udemy eğitimimi satın alabilirsiniz.