Next.js Macerası #13 | Hata Sayfası Yapımı | #react #nextjs #web #project #frontend #error

Hepinize merhaba dostlarım :) Ben Muhammed Fatih "Next.js Macerası" yolculuğumuzda her geçen güzel bir bilgi aktarmaktan mutluluk duyuyorum dostlarım :). Bu sefer de sizlerle beraber bir önceki videoda kullandığımız yapıya benzer bir yapıdan bahsedeceğim. Oluşturulması kolay ve bizim projelerimizde de yer yer önemli olduğunu açıkça söyleyebilirim :). O halde sözü daha fazla uzatmadan sizlerle beraber her zamanki gibi #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda dozumuzu alalım ve kodlamaya kaldığımız yerden devam edelim :). Bu bölümde sizlerle beraber "Next.js" uygulaması kodlarken olası hatalarda kendi hata #component yapımızı nasıl bir şekilde oluşturacağımıza değiniyorum. Normalde bunu bir #alert kütüphanesi ile yapabiliriz. Lakin bunun yerine hem kullanıcı deneyimini üst sıralara çıkarmak, hem de olası hatalarda detaylı bir sayfa göstermek bizim için son derece sağlıklı olacaktır dostlarım. Bütün bu işlemlerin nasıl bir şekilde yapıldığını merak ediyorsanız bu video size yardımcı olacaktır dostlarım :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- Error component yapısına genel olarak değinildi -- Hangi durumlarda kullanılacağından bahsedildi -- Örnek kodlama işlemleri gerçekleştirilerek uygulama yapıldı ve incelendi -- "use client" yapısını kullanmamızın sebebine değinildi ş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 MFSoftware Blog sayfasının 4. yılına özel "Shopier" hesabımda 1 hafta geçerli olacak (11.02.2025 akşam 17.00 a kadar) 500 TL indiriminden 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 hata sayfası yapımı - Next.js hata sayfası oluşturma - Next.js hata sayfası tasarımı - Next.js hata sayfası örneği - Next.js hata sayfası geliştirme - Next.js hata sayfası özelleştirme - Build custom error page Next.js - Next.js error page management - Next.js error page handling - Next.js custom error handling - Create dynamic error page in Next.js - Next.js custom error message page - Next.js dinamik hata sayfası - Next.js front-end hata sayfası - Next.js hata sayfası rehberi - Next.js uygulaması hata sayfası - Next.js ile hata sayfası yapımı - Next.js projelerinde hata sayfası - Next.js error page development tips - Next.js error page customization guide - Error page handling in Next.js - Next.js application error page - Building error page in Next.js - How to manage error page Next.js - Next.js hata sayfası kullanımı - Next.js hata mesajları düzenleme - Next.js hata sayfası oluşturma rehberi - Next.js hata sayfası kullanıcı deneyimi - Next.js hata sayfası özellikleri