Next.js Macerası #45 | Profil Güncelleme Sayfası | #react #nextjs #api #mobx #profile #account

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Güzel bir haftasonunda da siz değerli dostlarımla beraber "Next.js Macerası" yolculuğumuza kaldığımız yerden devam ediyoruz. Kullanıcı yönetimi işlemlerinde olmazsa olmaz bir modülü de sizlerle beraber bu bölümde gerçekleştirmek istedim. Herhangi bir zorluğu cidden yok, lakin bu modül projelerde olmazsa olmaz diyebilirim :). O zaman sözümüzü daha fazla uzatmadan #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerimizden iftarlık payımızı alalım ve can dostumuz bilgisayarlarımızın başına geçelim :) Bu bölümde sizlerle beraber kullanıcımızın sistem üzerinde bilgilerini güncellemesini gerçekleştiriyoruz. Kullanıcımızın ileriki zamanlarda kendi bilgilerini kişiselleştirebilir. İşte bu durumda bizler de projelerimiz içerisinde ufak bir profil sayfası ile bilgilerimizi güncelleyebiliriz. Bütün bu işlemleri diğer yazılım dillerinde yaptığımız gibi şimdi de "Next.js" projemiz içerisinde gerçekleştiriyoruz Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- Profil sayfası oluşturuldu -- Profil sayfası içerisinde form verisi oluşturuldu -- #useeffect ile #token bilgimizi alarak gerekli verilerimiz form alanına getirildi -- #loader yapısı kuruldu ve yükleme ekranı gerçekleştirildi ş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 profil sayfası yapımı - Next.js kullanıcı sayfası geliştirme - Profil güncelleme işlemi React - Next.js dinamik profil oluşturma - Next.js ile kullanıcı arayüzü tasarımı - ReactJS kullanıcı profili oluşturma - Next.js form validation example - Create user profile page with React - Next.js profile page design guide - ReactJS dynamic form handling - Profile management with Next.js - Next.js API integration guide - Next.js profil düzenleme adımları - Profil yönetimi için Next.js kullanımı - ReactJS ile kullanıcı bilgilerinin düzenlenmesi - Next.js API entegrasyonu örneği - Next.js dinamik sayfa yapımı - ReactJS profil sayfası özelleştirme - Next.js user dashboard creation - Form validation techniques in Next.js - Building user profile with ReactJS - Next.js for user management page - Profile page form with React - Next.js dynamic page tutorial - Next.js kullanıcı formu oluşturma - Profil güncelleme sayfası için Next.js - Next.js ile güvenli kullanıcı yönetimi - ReactJS ile form validasyonu teknikleri - Next.js uygulaması profil güncelleme - Kullanıcı profil sayfası Next.js ile yapma