Hocam ellerinize sağlık çok güzel bir anlatım olmuş yeni başladım next.js ' e . Bu arada loadingi görüntülemek için delay koymak yerine network tabından internet hızınızı yavaşlatabilirsiniz . :)
Hocam aylardır böyle bir içerik bekliyordum. Dersleriniz çok faydalı çok teşekkür ederim. Çok faydalanıyorum. Sakın bu seriyi bırakmayın :) Not: Delay fonksiyonu yerine şunu yapabilirsiniz hocam. Geliştirici Araçları > Network > No throttling kısmından Slow 3G yapabilirsiniz.
Hocam anlatımınız çok güzel. Şu derse kadar herşeyi anlaya biliyorum diyebilirim. Ama githuba atarken her ders için ayrı ayrı commitler yollarsanız daha iyi olabilir diye düşünüyorum takip etme açısından. Commit isimleride Dersin numarası. Tabiki videolar kısa kısa olduğu için sizin için biraz zor olacaktır biliyorum) Tekrar teşekkürler emeğiniz için
Merhaba Mehmet, bu güzel içerik için teşekkürler. Ben destek olarak 8:33'te bahsettiğin yüklenme hızını kodda değiştirmek yerine: Tarayıcının konsolundaki "Network" kısmında "No throttling" select menüsünden "Fast 3G"'yi seçip sayfayı refresh edersen sayfa 3G hızında yüklenir. İstersen "custom" kısmından özel yükleme hızı da ekleyebilirsin.
helal olsun çok iyi seri tek kötü olan şey içeriklerin önizleme resmi kırmızı ve youtube ta izlenilen resimler de kırmızı çubukla gösterildiği için hangi videoda kaldığımı anlayamıyorum
Hocam merak ettiğim bir soru var. Her page, her component için bu loading.jsx i neden oluşturuyoruz ? tek bir loading kompanenti oluşturup her yerde çağıramıyormuyuz? MovieLoading, HakkımızdaLoading filan derken kod tekrarına giriyor gibi sanki
Hocam selamlar oncelikle emekleriniz icin cok tesekkurler. Loading kismini gorebilmek icin aslinda developer toolsta network kisminda No thorttling kismini slow 3G yaparsaniz internet hizinizi azalttiginzdan loading ekranini gorebiliyoruz. Sizin promise ile yapmanizin baska bir nedeni var mi acaba?
3:18 'de ki id.toString() methodu yerine 3 eşittir yerine 2 eşittir yapsaydık çalışır mıydı? Çalışırsa da sağlıksız bir yöntem mi olurdu? fikriniz nedir?
hocam hala buralarda mısınız acaba :) bu not-found.js bir türlü çalıştıramadım. değişen birşeyler mi oldu acaba? next.js 'in kendi 404 sayfasına gidiyor. chatgpt ile çözüme ulaşmaya çalıştığımda router.push(/not-found) ile göndermeye çalışıyor. dökümantasyonda da gezindim çalışması gerekiyor gibi..
* When used in a React server component, this will set the status code to 404. * When used in a custom app route it will just send a 404 status. notFound() ctrl+click yaptığızda gittiğimiz .ts dosyası içerisindeki comment satırı sanırım. notFound'un çalışma tarzı ile ilgili bir değişim oldu :)
sanki nasıl çözdüğümü de yazmıştım ama kaybolmuş belki de göndermeyi unuttum yanıtı :) movie/[id]/not-found.js konumunda çalışmıyordu. movie/not-found.js konumuna taşıdım çalıştı. loading ve error.js ise normal çalışıyor ama not-found çalıştıramamıştım nedense.
Mehabalar aynı sorun ile ben de karşılaştım...Ama şunu sizin çözümünüzde anlayamadım movie/[id]/not-found.js dinamik sayfa yapısı yerine movie/not-found.js stabil sayfa yapısını kullanmak ne kadar doğru onu bilemedim:)) Sorun ile hala uğraşıyorum...
Ben teşekkür ederim. Kısaca açıklamak gerekirse Layout kendisini kullanan bütün alt sayfaların sabit elemenlere sahip olmasını sağlar. Container ise sabit elementlerin dışında kalan her sayfada değişen dinamik kısımda yer alan component'lerin birleşip bir UI haline geldiği alan. Burada ki mantık 'seperation of concerns' ilkesine dayanıyor. Layout, sadece sabit elementler ile ilgileniyor. Page, sayfa seviyesinde ki istekler, redirection vs. gibi logic'lerle ilgileniyor. Container ise o sayfayı oluşturacak olan atomik component'lerin birleşmesi ve varsa business logic dediğimiz işlerle ilgileniyor. Örneğin: --- Logo ------- Navigation ------ --- Sidebar --- Dinamik Alan -- -------------- Footer ------------------- Container ise yukarıda ki Layout'ın içinde her sayfada değişen 'Dinamik Alan' kısmında ki component'leri bir araya getirip anlam kazandırdığımız yer. Örneğin bir Ödeme sayfası için yukarıda ki 'Dinamik Alan' container'ı şu şekilde olabilir: ----- Form Başlık ------------------ ----- Input 1---- Checkbox --- ----- Input 2 ---- Checkbox --- ----- Input 3 ---- Checkbox --- ----- Options --- Siparis Butonu ---
Hocamızın 4:45 te bahsettiği next js in div koyma olayı 13.1.1 versionunda kaldırılmış.
Süpersin 🚀
Ilk videodan itibaren izledim buraya kadar asiri iyi seri olmus cidden cok tesekkurler.
Hocam ellerinize sağlık çok güzel bir anlatım olmuş yeni başladım next.js ' e . Bu arada loadingi görüntülemek için delay koymak yerine network tabından internet hızınızı yavaşlatabilirsiniz . :)
Hocam aylardır böyle bir içerik bekliyordum. Dersleriniz çok faydalı çok teşekkür ederim. Çok faydalanıyorum. Sakın bu seriyi bırakmayın :)
Not: Delay fonksiyonu yerine şunu yapabilirsiniz hocam. Geliştirici Araçları > Network > No throttling kısmından Slow 3G yapabilirsiniz.
Teşekkürler çok sevindim bunu duyduğuma :)
müthis bir seri tesekkürler, videolar daha uzun olursa daha iyi olur yorumlarınızı anlatımınızı dinlemek cok güzel
Teşekkürler değerli yorumların için 🙏🏼
Videoları olabildiğince modüler tutmaya çalışıyorum ama feedback'ini not aldım teşekkürler
Hocam anlatımınız çok güzel. Şu derse kadar herşeyi anlaya biliyorum diyebilirim. Ama githuba atarken her ders için ayrı ayrı commitler yollarsanız daha iyi olabilir diye düşünüyorum takip etme açısından. Commit isimleride Dersin numarası. Tabiki videolar kısa kısa olduğu için sizin için biraz zor olacaktır biliyorum) Tekrar teşekkürler emeğiniz için
Merhaba Mehmet, bu güzel içerik için teşekkürler. Ben destek olarak 8:33'te bahsettiğin yüklenme hızını kodda değiştirmek yerine: Tarayıcının konsolundaki "Network" kısmında "No throttling" select menüsünden "Fast 3G"'yi seçip sayfayı refresh edersen sayfa 3G hızında yüklenir. İstersen "custom" kısmından özel yükleme hızı da ekleyebilirsin.
Teşekkürler 🙏🏼
O yöntemi genelde çok sevmiyorum, kullanırken sürekli normal mod ve throttle arasında git-gel yapmak zorunda kalıyoruz.
@@pekcanmehmet kodlarken kolaylık oluyor aslında. Aksi halde kodla yapmak da biraz uğraştırıyor 😊
@@tutkuns Haklısınız, ben alışkanlıktan böyle söylüyorum :)
helal olsun çok iyi seri
tek kötü olan şey içeriklerin önizleme resmi kırmızı ve youtube ta izlenilen resimler de kırmızı çubukla gösterildiği için hangi videoda kaldığımı anlayamıyorum
Hocam merak ettiğim bir soru var. Her page, her component için bu loading.jsx i neden oluşturuyoruz ? tek bir loading kompanenti oluşturup her yerde çağıramıyormuyuz? MovieLoading, HakkımızdaLoading filan derken kod tekrarına giriyor gibi sanki
Teşekkürler elinize sağlık. 5.46 daki sorun height:'100vh' verilerek çözülebilir
Çok teşekkür ederiz. Yeni versiyonları bekliyoruz. Ücretlide olabilir. Hatta ücretli olsun.
Hocam selamlar oncelikle emekleriniz icin cok tesekkurler. Loading kismini gorebilmek icin aslinda developer toolsta network kisminda No thorttling kismini slow 3G yaparsaniz internet hizinizi azalttiginzdan loading ekranini gorebiliyoruz. Sizin promise ile yapmanizin baska bir nedeni var mi acaba?
3:18 'de ki id.toString() methodu yerine 3 eşittir yerine 2 eşittir yapsaydık çalışır mıydı? Çalışırsa da sağlıksız bir yöntem mi olurdu? fikriniz nedir?
2 eşittir yani Loose Equality, genel olarak tavsiye edilmiyor. O yüzden her zaman 3 eşittir kullanmak daha doğru bir alışkanlık olacaktır
hocam hala buralarda mısınız acaba :) bu not-found.js bir türlü çalıştıramadım. değişen birşeyler mi oldu acaba? next.js 'in kendi 404 sayfasına gidiyor. chatgpt ile çözüme ulaşmaya çalıştığımda router.push(/not-found) ile göndermeye çalışıyor. dökümantasyonda da gezindim çalışması gerekiyor gibi..
* When used in a React server component, this will set the status code to 404.
* When used in a custom app route it will just send a 404 status.
notFound() ctrl+click yaptığızda gittiğimiz .ts dosyası içerisindeki comment satırı sanırım. notFound'un çalışma tarzı ile ilgili bir değişim oldu :)
sanki nasıl çözdüğümü de yazmıştım ama kaybolmuş belki de göndermeyi unuttum yanıtı :) movie/[id]/not-found.js konumunda çalışmıyordu. movie/not-found.js konumuna taşıdım çalıştı. loading ve error.js ise normal çalışıyor ama not-found çalıştıramamıştım nedense.
Mehabalar aynı sorun ile ben de karşılaştım...Ama şunu sizin çözümünüzde anlayamadım movie/[id]/not-found.js dinamik sayfa yapısı yerine movie/not-found.js stabil sayfa yapısını kullanmak ne kadar doğru onu bilemedim:)) Sorun ile hala uğraşıyorum...
@@mehmetcelmeli9918 bende şuan uğraşıyorum çözümünüz var mı acaba
Videoların kısa olması, tüketimini kolaylaştırıyor.
Teşekkür ederim.
Container yaklaşımının Layout'dan farkı nedir ?
Ben teşekkür ederim.
Kısaca açıklamak gerekirse Layout kendisini kullanan bütün alt sayfaların sabit elemenlere sahip olmasını sağlar. Container ise sabit elementlerin dışında kalan her sayfada değişen dinamik kısımda yer alan component'lerin birleşip bir UI haline geldiği alan. Burada ki mantık 'seperation of concerns' ilkesine dayanıyor. Layout, sadece sabit elementler ile ilgileniyor. Page, sayfa seviyesinde ki istekler, redirection vs. gibi logic'lerle ilgileniyor. Container ise o sayfayı oluşturacak olan atomik component'lerin birleşmesi ve varsa business logic dediğimiz işlerle ilgileniyor.
Örneğin:
--- Logo ------- Navigation ------
--- Sidebar --- Dinamik Alan --
-------------- Footer -------------------
Container ise yukarıda ki Layout'ın içinde her sayfada değişen 'Dinamik Alan' kısmında ki component'leri bir araya getirip anlam kazandırdığımız yer. Örneğin bir Ödeme sayfası için yukarıda ki 'Dinamik Alan' container'ı şu şekilde olabilir:
----- Form Başlık ------------------
----- Input 1---- Checkbox ---
----- Input 2 ---- Checkbox ---
----- Input 3 ---- Checkbox ---
----- Options --- Siparis Butonu ---
@@pekcanmehmet Verdiğiniz detaylı bilgi için teşekkür ederim