Next.js Macerası #42 | Auth Layout Oluşturma | #react #nextjs #api #authentication #mobx #layout

Hepinize merhaba dostlarım :) Ben Muhammed Fatih "Next.js Macerası" yolculuğumuzda bugün de yeni bir video ile karşınızdayım. Son videolarımda bildiğiniz üzere #mobx entegresini geçekleştiriyor ve kullanıcımızın sisteme girebilmesi için gerekli #auth yapısını hazırlıyorduk. Artık bu işlemlerimize biraz daha ivme kazandırıp "Next.js" tarafında önemli dosyaları oluşturmamız gerekiyor ki onları da bu bölümden itibaren yavaştan oluşturmaya koyuluyoruz dostlarım :). Heyecanınızı anlıyor, sözü daha fazla uzatmadan #nextjs teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerimizden iftarlık payımızı alalım ve can dostumuz bilgisayarlarımızın başına geçelim :) Bu bölümde sizlerle beraber sistemimizde kullanıcımızın oturum kontrolünü rahatça kontrol edebileceğimiz #layout yapısını kodluyoruz. Kullanıcımızın giriş gerektirdiği sayfalarda uzun uzun tekrar eden kodlar yazmadan, bütün işlemleri tek bir yapı üzerinden analiz ediyoruz ve duruma göre yönlendirmeler yapıyoruz :) Sizler de "Next.js" projenizde kullanıcı #token durumunu yönetme gibi durumlarınızda nasıl bir yol izleyeceğinizi bilmiyorsanız bu video size yardımcı olacaktır :) Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak: -- "AuthLayout" konusuna giriş yapıldı -- Nasıl bir kullanım yapacağımıza ve projemizde kullanmamızın gerekliliğine değinildi -- Layout yapısı kodlandı ve gerekli sayfalara entegre 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 ile kullanıcı doğrulama - Next.js proje yapısı ve auth - Next.js giriş sayfası oluşturma - Next.js uygulaması geliştirme rehberi - Next.js kimlik doğrulama nasıl yapılır - Next.js ile güvenli giriş işlemi - Next.js project authentication structure - Next.js login system creation - Next.js authentication with custom layout - Building login page with Next.js - Next.js authentication implementation guide - Next.js user management and authentication - Next.js auth layout tasarımı - Next.js backend ve auth işlemleri - Next.js ile dinamik giriş sayfası - Next.js login sistemi kurma - Next.js ile üyelik sistemi yapma - Next.js ve auth entegrasyonu - Next.js authentication with backend - Secure authentication in Next.js app - Building authentication system in Next.js - Next.js login form creation tutorial - User authentication with Next.js tutorial - Next.js user session management setup - Next.js frontend ve backend yapısı - Next.js kullanıcı doğrulama sayfası - Next.js güvenli giriş işlemleri - Next.js oturum yönetimi nasıl yapılır - Next.js kullanıcı kimlik doğrulama - Next.js auth layout örneği