Next.js Macerası #29 | API Üzerinden Veri Ekleme |
Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Güzel geçen bir günün sonlarına doğru yaklaşırken "Next.js Macerası" yolculuğumuza kaldığımız yerden, hız kesmeden devam ediyoruz :). Bu sefer sizlerle beraber geliştirdiğimiz #api projemiz içerisinde #crud işlemlerinin olmazsa olmazlarından birisini daha ekleyip #restapi bağlama işlemlerinde kendimizi daha da ileriye taşıyoruz diyebilirim :). Heyecanınızı anlıyorum, o halde sözümü daha fazla uzatmadan sizleri #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda dozumuzu almaya ve can dostumuz bilgisayarlarımızın başına geçmeye davet ediyorum :)
Bu bölümde az önce de bahsettiğim gibi "API" projemiz içerisinde #create kısmına yani "Veri Ekleme" işlemine giriş yapıyoruz. Normalde biraz düşündüğümüzde verilerin listelendiği ve silme işlemlerinin tek başına yeterli olmadığı, bunlara ek olaraktan #database üzerine yeni kayıtların eklenmesi gibi durumların olduğunu analiz edebiliriz.
İşte dostlarım sizlerin de gelecekteki projelerinizde bu şekildeki yapıyı kullanmanızı fırsat bilerekten "Next.js" üzerinde bu yapının nasıl bir şekilde entegre edileceğini ayrıntılı bir şekilde gösteriyorum. Aynı zamanda #formik ve #yup yapıları ile tüm bu işlemleri güvenliği göz ardı etmeden gerçekleştiriyoruz :)
Sizler de "Next.js" projelerinizde "API" üzerinden veri ekleme işleminin entegrasyonu gerçekleştirmek istiyorsanız bu video size yardımcı olacaktır :)
Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak:
-- AppUrl.js içerisinde #url tanımlaması yapıldı
-- Postman üzerinde yapacağımız işlem anlatıldı
-- "Formik" ve "Yup" yapılarının genel mantığı tekrar edildi
-- "_handleSubmit" fonksiyonu yazıldı
-- "createItemAPI" fonksiyonu yazılarak veriler #backend kısmına gönderildi
ş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-m...
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: / mfsoftware
Instagram: / mfsoftware.net.tr
Next.js ile API veri ekleme
Next.js API entegrasyonu nasıl yapılır
Next.js ile veri ekleme adımları
Next.js veri gönderme örneği
API ile Next.js veri işlemleri
Next.js uygulama geliştirme rehberi
Next.js dynamic data insertion
Next.js form submission with API
API integration in Next.js projects
Using API with Next.js for dynamic data
Next.js API tutorial for beginners
How to send data with Next.js API
API üzerinden veri eklemek
Next.js API kullanımı ile proje geliştirme
Next.js ile RESTful API kullanımı
Next.js API entegrasyonu örneği
Next.js ile veri gönderme ve alma
Next.js backend ve frontend entegrasyonu
Next.js API data insertion and retrieval
Next.js dynamic form submission with API
Integrating Next.js with API backend
Sending and retrieving data via Next.js API
Using Next.js for backend data management
How to connect Next.js with external API
Next.js uygulamasında API kullanımı
Next.js ile veri tabanı bağlantısı nasıl yapılır
API ile Next.js verileri yönetme
Next.js backend API kullanımı
API üzerinden veri eklemek ve almak
Next.js veri API ile dinamik sistem