Next.js Macerası #31 | Güncelleme Sayfası Oluşturma | #react #nextjs #api #project #page #update

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Güzel geçen bir günün akşamına doğru yaklaşırken artan "Next.js" yazma isteği doğrultusunda tekrardan karşınızdayım :). Bildiğiniz üzere "API" projemizde sonlara doğru geldik diyebilirim. Bu video haricinde de ufak 2 video daha gelecek ve sistemimizi bitirmiş olacağız. Sözü daha fazla uzatmadan hep beraber #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 "API" projemiz içerisinde verilerimizi güncellemek için #update sayfasını oluşturuyoruz. Özellikle bunu sizler için bir modal yapmak yerine önceki öğrendiğimiz #routing işlemlerinde de kendimizi geliştirmek ve pratiklik kazanmak adına oluşturdum diyebilirim :). Amacım sizlerin #onepage veya birkaç sayfalık da olsa projeler çıkarmanız ve kendinizin veya müşterilerinizin tanıtım sitelerini oluşturma durumlarında deneyim kazanmanızdan yanadır dostlarım. Video içerisinde Projemiz içerisindeki herhangi bir kaydı güncellemek için harici sayfa oluşturuyoruz ve verilerin #restapi üzerinden kontrol edilip karşımıza getirilme işlemlerini gerçekleştiriyoruz :) Sizler de projelerinizde kayıt güncelleme sayfası oluşturmak istiyorsanız ve "Next.js" üzerinde tecrübeniz yoksa bu video size yardımcı olacaktır dostlarım :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- "AppUrl.js" içerisinde gerekli #url tanımlamasını gerçekleştirdik -- Postman üzerinden sistemin nasıl çalıştığını gözlemledik -- Hali hazırda oluşturulan güncelleme sayfamız içerisinde #useeffect hook yapısını oluşturarak kaydımızın ekrana bastırılmasını istedik -- Olası bir hatada yönlendirme işlemlerini gerçekleştirdik ş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 güncelleme sayfası yapımı - Next.js eğitim videosu - Next.js güncelleme sayfası nasıl yapılır - Next.js projesi oluşturma adımları - Next.js başlangıç rehberi - Next.js güncelleme özelliği - Next.js advanced features - How to use Next.js in web development - Building dynamic pages with Next.js - React and Next.js tutorial - Next.js API integration tutorial - Best practices for Next.js projects - Next.js kullanımında dikkat edilmesi gerekenler - React ile güncelleme sayfası oluşturma - Next.js performans optimizasyonu - Next.js güncelleme sayfası tasarımı - Next.js ile statik sayfa oluşturma - Next.js sayfa yönlendirmeleri - Next.js user-friendly page creation - Building user dashboard with Next.js - Next.js page components and setup - Next.js SEO optimization techniques - Next.js with React for web pages - Next.js dynamic data handling - Next.js ile veritabanı entegrasyonu - Next.js dinamik veri işleme - Next.js sayfa oluşturma rehberi - React Next.js projelerinde en iyi uygulamalar - Next.js ile performans iyileştirme - Next.js todo projesi kodlama