Next.js Macerası #14 | 404 Not Found Sayfası Yapımı | #react #nextjs #web #project #frontend #404

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Bir gün aradan sonra siz değerli dostlarımla beraber "Next.js Macerası" yolculuğumuza kaldığımız yerden devam ediyoruz :). Akşam vakitlerine doğru artan yazılım sevdamız ile bugün de projelerimizde oldukça işe yarayan, kullanışlı bir yapıya değineceğiz. O halde sözü daha fazla uzatmadan #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 projelerimiz içerisinde kullanıcıların olmayan sayfalarımıza istek attığında veya #api ile çalışan projelerde #backend üzerinde olmayan kayıtlarda kullanıcılara "Kayıt Bulunamadı" uyarısı göstereceğimiz durumlarda 404 sayfasının "Next.js" üzerinde nasıl bir şekilde yapılacağına değiniyoruz. Sizler de "Next.js" uygulamalarınız içerisinde "Sayfa Bulunamadı" durumunda kendi tasarladığınız sayfaları kullanıcılara göstermek istediğiniz durumlarda bu yapıyı gönül rahatlığıyla projelerinize entegre edebilirsiniz. Nasıl yapılacağı ile ilgili tüm detaylar video içerisinde yer almaktadır dostlarım :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- "Not Found" yapısının genel işlemine değinildi -- Hangi durumlarda bu yapıyı kullanacağımızdan bahsedildi -- Parametreye bağlı olarak 404 sayfası oluşturuldu -- Olmayan sayfa isteğinde çalışacak olan 404 sayfası oluşturuldu ş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 404 hata sayfası tasarımı - Next.js 404 sayfa yapımı rehberi - Next.js 404 custom page oluşturma - Next.js hata sayfası tasarımı örneği - Next.js geliştirme rehberi adımları - Next.js ile 404 sayfası tasarımı - Next.js custom 404 page creation - Next.js error handling solution guide - Next.js 404 error solution example - Next.js site development tips - Next.js beginner tutorial - Next.js proje oluşturma rehberi - Next.js için 404 sayfası oluşturma - Next.js hata sayfası örneği yapımı - Next.js sayfa yönlendirmesi yapma - Next.js routing ve hata sayfası tasarımı - Next.js web uygulaması yapımı rehberi - Next.js project tips and advice - Next.js 404 page setup guide - Next.js front-end development tutorial - Next.js SEO-friendly page design tips - Next.js efficient coding practices guide - 404 page design example Next.js - 404 sayfası örneği yapımı Next.js - Next.js ile responsive sayfa tasarımı - Next.js kullanıcı dostu sayfa tasarımı - Next.js hata çözümleme rehberi adımları - Next.js ile özel route oluşturma rehberi - Next.js React uygulaması yapımı rehberi - Next.js site design tutorial example