Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Akşam akşam artan web geliştirme bağımlılığı sonucunda "Next.js Macerası" yolculuğumuza yeni bir video daha eklemiş bulunmaktayım. Bir önceki konumuzda değindiğimiz "Static Route" konusuna benzer olan bu yapının da aslında hiçbir şekilde zor/karmaşık olmadığını açıkça belirtebilirim :). Heyecanınızı anlıyorum. O halde sözü daha fazla uzatmadan hep birlikte can dostumuz bilgisayarlarımızın başına geçelim :)
Bu bölümde sizlerle beraber web sitelerinde sıklıkla gördüğümüz, değişken bir yapıya sahip olan "Dynamic Route" yapısını #nextjs üzerinde oluşturacağız dostlarım. Özellikle bir #eticaret veya #blog sitelerinde detay sayfalarında veya kayıt düzenleme işlemlerinde sıklıkla gördüğümüz bu yapının "Next.js" üzerinde oluşturulması oldukça basit diyebilirim :)
Bütün bu işlemlerin nasıl bir şekilde olduğunu merak ediyorsanız video içerisinden tüm detayları öğrenebilirsiniz :)
Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak:
-- "Dynamic Route" konusuna değinildi
-- Hangi durumlarda kullanacağımıza örnekler verildi
-- Örnek bir ürünler sayfası kodlandı
-- Ürün detay sayfası kodlandı ve detay sayfasına url üzerinden parametre gönderme işlemi gerçekleştirildi
-- "use client" yapısına genel olarak değinildi
şeklinde özetleyebiliriz.
İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim.
İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :)
Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın.
Ayrıca yakın zamanda "Shopier" üzerinden açtığım mağazamı da ziyaret edebilir, açık kaynak şeklinde satışa koyduğum yazılımlarımdan faydalanabilirsiniz
Projemizin Kodları: https://github.com/turan1302/nextjs-macerasi
React + Laravel Eğitimleri için:
WebRTC Projesi: https://tls.tc/04JnR
Alışveriş Sepeti Projesi: https://tls.tc/rzCkV
Chat Sistemi Projesi: https://tls.tc/7ePsd
Radyo Çalar Projesi: https://tls.tc/5HITg
Fast Typing Projesi: https://tls.tc/ZJkfy
Barkod Okuyucu Projesi: https://tls.tc/z07Ap
React Native Eğitimi için:
https://tls.tc/e5mIM
Next.js Eğitimi İçin:
https://tls.tc/RMdP3
- Sitelerim -
MFSoftware Blog: https://mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): https://seyyaryazilimci.com/
Shopier Hesabım: https://www.shopier.com/mfsoftware42
- Sosyal Medya Hesaplarım -
Linkedin: https://www.linkedin.com/in/mfsoftware/
Instagram: https://www.instagram.com/mfsoftware.net.tr/
- Next.js ile dinamik route yapma
- Next.js dinamik URL oluşturma
- Next.js dinamik sayfa yapısı
- Next.js ile sayfa yönlendirme
- Next.js dinamik route örneği
- Next.js uygulaması geliştirme
- Next.js route management explained
- Learn dynamic routes in Next.js
- Next.js routing with URL parameters
- Dynamic URL generation with Next.js
- How to implement dynamic routes in Next.js
- Next.js page redirection example
- Next.js dinamik route nedir
- Next.js route yönetimi
- Next.js parametreli route
- Next.js ile URL parametreleri
- Next.js uygulaması nasıl yapılır
- Next.js ile dinamik sayfalar
- Next.js routing techniques for websites
- Next.js dynamic page setup
- How to optimize routing in Next.js
- Next.js routing best practices
- Dynamic routing with Next.js examples
- Next.js page routing and navigation
- Next.js API kullanımı
- Next.js geliştirme süreci
- Next.js routing yönetimi
- Next.js ile dinamik içerik
- Next.js ile hızlı web geliştirme
- Next.js ile performans optimizasyonu