Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim serisinin bir parçası olup, konuşmacı Next.js'in app klasör yapısını ve kullanımını anlatmaktadır.
- Video, Next.js versiyon 3 ile gelen app klasörünün önemini vurgulayarak başlıyor ve bu klasörün routing akışlarını ve state yönetimini nasıl yönettiğini açıklıyor. Konuşmacı, Netflix klon benzeri bir film sitesi örneği üzerinden app klasörünün yapısını gösteriyor ve bu site üzerinde header, footer, main alan, kategoriler, film listeleri, loading state'leri ve hata sayfaları gibi bileşenleri inceliyor. Video, app klasörünün yapısını detaylı olarak anlatacağını ve ilerleyen videolarda örnek proje üzerinden devam edeceğini belirterek sona eriyor.
- Next.js'te App Klasörü ve Proje Tanıtımı
- Bu bölümde Next.js'in derinliklerine inilerek app klasörü incelenecek.
- App klasörü, Next.js versiyon 3 ile hayatımıza giren ve en kritik klasörlerden biridir.
- Bu klasör yapısı sayesinde routing akışları ve statelerinin yönetimi buradan yapılacaktır.
- 00:22Netflix Klon Projesi
- Netflix klon olarak adlandırılabilecek bir film sitesi yapılacaktır.
- Proje için bir free API kullanılacak ve paralelde data fetching öğrenilecektir.
- Ana sayfada header, footer ve ortadaki main alan bulunmaktadır.
- 00:45Web Sitesinin Özellikleri
- Ana sayfada öne çıkarılan bir film, kategoriler ve film listeleri bulunmaktadır.
- Tüm içerikler dinamik olup, kullanıcılar kategorilere tıklayarak içeriklere ulaşabilirler.
- Sayfalar interaktif olup, kategori veya detay sayfalarına geçişlerde loading state'i görüntülenir.
- 01:32Hata Durumları ve Kullanıcı Deneyimi
- Sitede var olmayan bir film arandığında custom 404 sayfası sunulur.
- JavaScript hatası oluştuğunda kullanıcı 500 sayfası ile karşılaşmalıdır.
- Bu şekilde kullanıcı deneyimi en üst seviyede tutulur ve site daha hızlı çalışır.
- 02:46Proje Yapısı ve Eğitim Planı
- Proje yapısında kocaman bir app klasörü bulunmakta ve tüm içerikler burada yer almaktadır.
- Klasör altında error, loading, not found sayfaları, komponentler, konteynırlar ve servisler bulunmaktadır.
- İlk 4-5 video boyunca app klasörünün yapısı anlatılacak, sonrasında örnek proje olarak bu proje yapılacaktır.