Next.js Macerası #32 | Kayıt Güncelleme İşlemi | #react #nextjs #api #project #page #update #crud
Feb 28, 2025•Channel
AI Analysis
Data from YouTube Data API v3•Updated 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
Video Tags
#next.js for beginners#react update operations#javascript uygulama geliştirme#next.js tutorial#web application development#kayıt verisi güncelleme#react ve next.js#veri güncelleme örneği#next js gelişmiş özellikler#backend ile veri bağlantısı#kayıt güncelleme#next.js pratik rehber#frontend update operation#react js kayıt işlemi#database integration tutorial#next.js database operations#web projects management#javascript project examples
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