Next.js Macerası #12 | Yükleniyor Sayfası Yapımı | #react #nextjs #web #project #frontend #loading

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Yine yeni bir günün akşamına yaklaşırken siz değerli dostlarımla beraber "Next.js Macerası" yolculuğumuz içerisinde güzel bir konuya değiniyoruz. Özellikle de kapsamlı ve son kullanıcıya uygun olacak şekilde uygulamalar yapacaksanız bu dediklerim son derece faydalı olacaktır dostlarım :). Hazırsanız her zamanki gibi #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda bir doz alalım ve kodlamaya kaldığımız yerden devam edelim :) Bu bölümde sizlerle beraber uygulamalarımız içerisinde sıklıkla kullanacağımız, bekleme sayfalarının vazgeçilmezi olan #loading olayına değiniyoruz. Normalde bu işlemleri bir #spinner şeklinde yaparken "Next.js" tarafından tüm bu işlem bize hazır olarak veriliyor :) Bizler de kodlama işlemlerimizde gerekli bekletmelerin olacağı durumlarda buradaki işlemleri gönül rahatlığıyla ayarlayabiliriz dostlarım. Harici bir kütüphane vs entegre edip de uzun uzun işlemler yapmaya hiç gerek yok :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- Loading yapısına genel olarak giriş yapıldı -- Görevinin ne olduğundan, nasıl bir şekilde çalıştığından bahsedildi -- Örnek kodlama işlemleri yapıldı ş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 başlangıç rehberi - Next.js yükleniyor ekranı yapımı - Next.js yükleniyor sayfası örneği - React ile yükleniyor ekranı - Next.js dinamik yükleniyor sayfası - Web projeleri için Next.js - Building loading page with Next.js - Next.js for fast web development - Next.js app development tutorial - Next.js custom loading screen - Create modern loading page Next.js - Front-end development Next.js guide - Next.js uygulama geliştirme rehberi - Next.js ile profesyonel yükleniyor sayfası - React Next.js ile modern projeler - Next.js ile animasyonlu loading sayfası - Next.js loading page tasarım rehberi - Next.js projeleri için ipuçları - How to build a loading page in React - Next.js project tips and tricks - React Next.js front-end design - Next.js advanced loading screen - Speed up web pages with Next.js - Next.js web development tutorial - Yükleniyor sayfası için React çözümü - Next.js yükleniyor animasyonu yapımı - Next.js ile web sayfası hızlandırma - Next.js projesi nasıl başlatılır - React Next.js ile web geliştirme - Next.js loading page yaratmak