Next.js Macerası #9 | App Klasörü Çalışma Mantığı | #react #nextjs #web #structure #project

Hepinize merhaba dostlarım :) Ben Muhammed Fatih Güzel ve bir o kadar da yoğun geçen günün ardından siz değerli dostlarımla beraber "Next.js Macerası" yolculuğumuza kaldığımız yerden devam ediyoruz. Özellikle #nextjs ile proje geliştirme sürecinde bilmemiz gereken önemli bir hususa değiniyoruz (herhangi bir kodlama yapmayacağız). Sözü daha fazla uzatmadan sizlerle her zamanki gibi "Next.js" teknolojisinden ve kış günlerinin vazgeçilmezi olan vitaminlerden bolca miktarda dozumuzu alalım ve can dostumuz bilgisayarlarımızın başına geçelim :) Bu bölümde sizlerle beraber uygulamamız içerisinde sıklıkla muhatap olduğumuz #app klasörünün genel çalışma mantığını inceliyoruz. #component işlemlerinden #props ayarlarına, #api işlemlerinden #mobx veya #redux işlemlerine kadar hemen hemen her şeyi veya daha fazlasını bu klasör içerisinden gerçekleştirebiliyoruz. Harici olarak diğer olayları da öğrenmek istiyorsanız bu video size yardımcı olacaktır :) İ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 app klasörü çalışma mantığı - Next.js projesi nasıl yapılır - Next.js başlangıç rehberi - Next.js ile modern web geliştirme - App klasörü Next.js kullanımı - Next.js ile dinamik sayfalar - Next.js for SEO optimization - Next.js project structure guide - Building a Next.js app from scratch - Next.js app folder and file structure - Next.js app folder use cases - Next.js React integration tutorial - Next.js ile SEO uyumlu uygulama - App klasörü Next.js avantajları - Next.js kullanarak hızlı site geliştirme - Next.js ile react uygulaması yapma - Next.js ve React entegrasyonu - Next.js ile statik site üretimi - Next.js app folder setup - Next.js code splitting explained - Next.js app folder rendering techniques - Next.js dynamic content rendering - Next.js app folder configuration - Next.js app folder structure explained - Next.js ile frontend geliştirme - React ile Next.js nasıl kullanılır - Next.js ile web uygulaması geliştirme - Next.js SEO optimizasyonu - Next.js projelerinde kod yapısı - Next.js ile dinamik içerik yönetimi