Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Sıfırdan Next.js v13 İlk Bakış
Rating: 4.6 out of 5(97 ratings)
2,208 students
Created byMehmet Pekcan
Last updated 2/2023
Turkish

What you'll learn

  • Nextjs ile nasıl proje oluşturulur
  • Nextjs'in bize vaad ettiği şeyler nedir ve nasıl kullanılır
  • Nextjs ile bir proje sıfırdan nasıl geliştirilir ve canlı yayına alınır
  • Nextjs 13 ile birlikte yeni gelen özellikler nelerdir

Course content

1 section14 lectures1h 19m total length
  • Kurs Tanıtım0:44
  • Bağlantılar0:03
  • Kurulum & Dosya Düzeni9:04
  • Ana Layout'umuzu Oluşturalım - layout.js8:03
  • Font Ekliyoruz - next/font5:44
  • Head ve Meta Tag'ler - head.js3:34
  • Header ve Footer Ekleyelim - next/link7:54
  • Blog Card Component'i Yapalım - next/image14:39
  • Blogları Listeliyoruz - Data Fetching I8:38
  • Blog Sayfasını Yapıyoruz - Data Fetching II8:32
  • Loading Ekranı Ekliyoruz - loading.js2:29
  • 404 Sayfası Yapıyoruz - not-found.js3:16
  • Hata Sayfası - error.js3:46
  • Yayına Alıyoruz! - Deployment2:41

Requirements

  • Temel seviye React

Description

Bu eğitim serisi ile birlikte sıfırdan Next.js öğreneceğiz ve bunu Next.js'in en yeni sürümü olan versiyon 13 ile birlikte yapıyoruz olacağız. Eğitimin sonunda Next.js versiyon 13'ün bize sunduğu bütün özellikleri ve yeni versiyon ile hayatımıza girmiş olan 'app' klasörü gibi özel konularıda öğrenmiş olacağız ve bu sayede Next.js ile ilgili her hangi bir proje önünüze geldiğinde veya bu alanda bir firmada profesyonel olarak çalışmak istediğinizde bunu yapabilecek kişisel güven ve rahatlığa sahip olmanızı hedefliyorum.

Kısaca eğitimde ne görüyoruz olacağız:

- Next.js versiyon 13 ile bir proje nasıl sıfırdan ayağa kaldırılır?

- Ayağa kaldırdığımız projeyi, kullanılabilir hale nasıl getiririz? Ve varsayılan olarak gelen dosyalar ne işe yarıyor?

- App klasörü nedir? Ne işe yarar? Ne için kullanırız?

- Next.js'de nasıl sayfa oluşturulur?

- Oluşturduğumuz sayfanın 'loading' durumu için nasıl sayfa oluştururuz?

- Oluşturduğumuz sayfanın 'error' durumlarında ki davranışları için nasıl sayfa oluştururuz?

- Genel bir 'not-found' 404 sayfası nasıl oluştururuz?

- Backend'den nasıl veri çekeriz?

- Çektiğimiz veriyi nasıl sitemiz içerisinde render ederiz?

- Server side rendering ve Client side rendering nasıl yapılır?

- Local'imizde yaptığımız projeyi nasıl canlı yayına alırız?

Bu ve bunun gibi daha bir çok konuyu ele aldığım ve bunları yaparken bir Blog sitesi inşa ettiğimiz bir eğitim serisine hazır olun. Hadi gelin başlayalım!

Who this course is for:

  • Nextjs ile ilgili bilgi sahibi olmak isteyen, başlangıç seviyesinde React bilen herkes