Next.js Macerası #8 | Sayfa Değiştirme İşlemi | #react #nextjs #web #route #page #navigation

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Yine yeni ve güzel bir güne siz değerli dostlarımla beraber "Next.js Macerası" yolculuğumuzda yeni bir bilgiyle devam ediyoruz :). Bu sefer de uygulamalarımız içerisinde sıklıkla kullanacağımız bir yapıdan değiniyoruz :). Özellikle bir #html template ile aranız var ise bu yapıda herhangi bir zorluk çekmeyeceğinizi açıkça söyleyebilirim. O halde hemen #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda dozumuzu alalım ve kodlamaya kaldığımız yerden devam edelim :) Bu bölümde sizlerle beraber "Next.js" uygulamamız içerisinde sayfa geçiş işlemlerini gerçekleştiriyoruz. Geliştirdiğimiz uygulamalar her zaman #onepage şeklinde olmayabilir. İşte bu durumda bizim belirli linklendirme işlemlerini yaptırarak farklı sayfalara geçiş yapmamız gerekecektir İşte bu ve buna benzer tüm işlemlerin nasıl yapılacağını merak ediyorsanız bu video size son derece yardımcı olacaktır :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- Linklendirme olayına giriş yapıldı -- Hangi durumlarda kullanacağımıza değinildi -- Örnek sayfa oluşturuldu ve linklendirme işlemleri gerçekleştirildi -- Optimizasyon ayarları için kullanılacak #props özelliklerine 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 sayfa değiştirme işlemi - Next.js sayfa yönlendirme nasıl yapılır - Next.js sayfa geçişi ve optimizasyonu - React Next.js ile sayfa yönlendirme - Next.js sayfa geçişi hızlandırma - Next.js ile sayfa yönlendirme teknikleri - Next.js page routing for beginners - Next.js page redirection and performance - Next.js routing best practices guide - Next.js with React routing examples - Next.js page routing and navigation - Next.js page redirection and optimization - Next.js ile sayfa geçişleri yapma - Next.js ile performans optimizasyonu - React Next.js sayfa yönetimi örneği - Next.js ile hızlı sayfa yönlendirme - Next.js sayfa yönlendirme ve route yönetimi - Next.js dinamik sayfa geçişi - Next.js page redirection tutorial - Next.js advanced routing techniques - Next.js app routing and transitions - React Next.js page transition setup - Next.js routing and load optimization - Next.js page management for better SEO - Next.js uygulama optimizasyonu ve yönlendirme - React Next.js ile sayfa geçişi optimizasyonu - Next.js sayfa yönetimi ve hız optimizasyonu - Next.js ile yönlendirme ve sayfa yükleme - Next.js projelerinde sayfa optimizasyonu - Next.js ile hızlı ve SEO uyumlu yönlendirme