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