Next.js Macerası #32 | Kayıt Güncelleme İşlemi | #react #nextjs #api #project #page #update #crud

Feb 28, 2025Channel
AI Analysis
Data from YouTube Data API v3Updated Just now

Video Overview

Video Details

PublishedFeb 28, 2025
Duration16:11
Video IDllASA0l1cPE
Languagetr
CategoryScience & Technology
PrivacyPublic
Made for KidsNo
Video TypeRegular Video

Performance Metrics

Views81
Likes2
Comments1
Engagement Rate3.70%
Likes per 100 views2.47
Comments per 1K views12.35

Description

Hepinize merhaba dostlarım :) Ben Muhammed Fatih "Next.js Macerası" yolculuğumuzun ufak çaplı da olsa ilk projesi olan ve #restapi kullancığımız "To-Do" uygulamamızda sonun arifesi ile karşınızdayım :). Güzel geçen ve bir o kadar da kendimize katkı sağladığımız bu süreçte artık son kısma bir adım daha yaklaşmış bulunmaktayız. O halde bu projeyi de bitirmek için kollarımızı sıvayalım, her zaman olduğu gibi #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda dozumuzu alıp can dostumuz bilgisayarlarımızın başına geçelim :) Bu bölümde bir önceki bölümde oluşturduğumuz "Güncelleme Sayfası" içerisinde kaydımızın güncellenmesi için gerekli işlemleri yazıyoruz. Hatırlarsanız #api üzerinden gelen verimizi #state üzerinden yakalamıştık ve bunu #formik yapısı ile bağlamıştık. Şimdi ise bu veriyi istediğimiz gibi manipüle edip #veritabanı üzerinden güncelleme işlemini gerçekleştiriyoruz :) Sizler de güncelleme işlemlerini "API" üzerinden yapmak ve bunları "Next.js" üzerinde uygulamak istiyorsanız 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 #endpoint tanıtımı gerçekleştirildi -- "API" yapısının çalışma mantığı postman üzerinden anlatıldı -- Güncelleme sayfasında "_handleSubmit" fonksiyonu düzenlenip gerekli aksiyonlar yazıldı -- Güncelleme işlemi için yazılan aksiyonlar test edildi ş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 kayıt güncelleme işlemi - Next.js uygulama geliştirme rehberi - React ile kayıt işlemi yönetimi - Next.js backend entegrasyonu örneği - Kayıt güncelleme işlemi adımları - Next.js veritabanı yönetimi rehberi - Next.js backend operations example - Record database update process - Next.js dynamic pages tutorial - React form data processing example - Next.js API integration example - React data update method - Next.js kullanıcı yönetimi nasıl yapılır - Kayıt güncelleme adımları nasıl yapılır - Next.js veri işleme teknikleri - Next.js kullanım örnekleri ve rehber - Next.js form yönetimi ve işlemleri - React Next.js veri güncelleme işlemi - Backend data update example - Next.js dynamic data management tutorial - Next.js frontend development examples - Next.js React combination tutorial - Next.js form submit example - Next.js record management tutorial - React Next.js entegrasyonu nasıl yapılır - Next.js kayıt yönetimi adımları - Next.js proje rehberi ve adımları - Next.js veri güncelleme işlemi örneği - Next.js web geliştirme rehberi - Next.js ile dinamik içerik yönetimi

Related Videos

More videos from MFSoftware Blog