Menu
CoddyTech
react iconReact Journey'nin bir parçasıYeniYolculuk

Next.js Öğren

Seni React bileşenlerinden gerçek bir uygulamaya götüren ücretsiz, interaktif bir Next.js kursu: yönlendirme, layout'lar, sunucu ve istemci bileşenleri, veri çekme ve server action'lar. Takıldığında yapay zeka ipuçları yardım eder, bitirdiğinde ücretsiz bir sertifika alırsın.

2,333+ codders kayıtlı

47 ders41 görev99 quiz sorusu

  • Başlangıç dostu
  • sparkles iconYapay zeka destekli kodlama yardımı
  • hint iconUygulamalı interaktif dersler
  • quiz iconBilgini sınamak için testler
  • certificate iconÜcretsiz tamamlama sertifikası

Müfredat

1 bölüm1 proje47 ders41 görev99 quiz sorusu

Bu bölüm React Journey'nin bir parçası. Tam müfredatta daha fazla bölüm var - Journey sayfasında görmek için aşağıdaki herhangi bir önizlemeye tıkla.

  1. Bölüm 1Temeller42 ders
  2. Bölüme başlaBaşlaGenişletDaraltReact bileşenlerinden gerçek bir uygulamaya geçin: dosya sistemi tabanlı yönlendirme, düzenler (layouts), sunucu ve istemci bileşenleri, veri çekme, server actions ve eksiksiz bir Next.js projesi.

    Neden Next.js

    4 ders39

    Yönlendirme ve Bağlantılar

    6 ders516

    Düzenler ve Üst Veriler

    6 ders515

    Server Action'lar

    5 ders413

    İstemci Yönlendirmesi

    5 ders515

    Proje: Coddy Eats

    Proje9 ders9
Neler elde edersin
Kod yazmayı öğrenmek için kullanacağın her şey

Yaparak Öğren

Gerçek kod yazın, veritabanlarını sorgulayın, web siteleri oluşturun ve AI promptlarını öğrenin. İnteraktif derslerimiz modern geliştiricilerin ihtiyaç duyduğu tüm becerileri kapsar.

playground.js
Kod Editörü
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Girdi
"Alex"
Çıktı
"Hello, Coddy! Alex"

Serinizi Oluşturun

Tutarlı olun ve ilerlemenizin büyümesini izleyin! Günlük kodlama alışkanlığınızı takip edin, dondurma günleriyle serinizi koruyun ve her gün geldiğiniz için ödüller kazanın.

12 gün seri

Serinizi korumak için yarın geri dönün!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Ya Hep Ya Hiç

7 günün 5. günü

fire Freeze icon

Seri Dondurma

2 left

Yolda Kodlayın

Kodlama yolculuğunuzu yanınızda taşıyın! Kurulum yok, indirme yok - sadece açın ve kodlamaya başlayın. iOS, Android ve Web'de 4.9 yıldız puanıyla kullanılabilir.

Python
7Seri
250Puan
5Enerji
Değişkenler
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
DEVAM ET
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Yolculuk
Hedefler
Liderlik Tablosu
Profil
4.9
YıldızYıldızYıldızYıldızYıldız
Puan

Yalnız Değilsiniz

Küresel sıralamalarda yarışın, ödüller kazanmak için arkadaşlarınızı davet edin ve birbirinizin başarılarını kutlayın. Kodlama arkadaşlarla daha iyi!

Challenger Ligi
Challenger Ligiİlk 7 yükselir
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconYükselme bölgesileaderboard Arrow Up icon

Her şekilde öğren

Okuyun, dinleyin, kendinizi sınayın, AI'ya sorun veya daha önce öğrendiklerinize geri bakın. Her ders size uyum sağlar.

Değişkenlere Giriş
Ses

Değişken, programınızda daha sonra başvurabileceğiniz bir değeri saklayan adlandırılmış bir kaptır.

Python'da bir tane oluşturmak için önce adı, sonra eşittir işaretini, sonra saklamak istediğiniz değeri yazın.

Değer zamanla değişebilir - yeniden atama, adı yeni bir değere yönlendirir.

1xSarah

Sertifika Kazanın

Tamamladığınız her kurs için sertifika kazanın. LinkedIn profilinize ve özgeçmişinize ekleyerek işverenlere programlama uzmanlığınızı gösterin.

CoddyTamamlama Sertifikası
Bu belge şunu onaylar:Ahmet Yılmazbaşarıyla tamamlamıştır
python iconPython Temelleri
Doğrulandı
TarihOca 2026
LinkedInLinkedIn'e Ekle

Neden Coddy ile Next.js öğrenmelisin

  • Next.js uygulamalarını tarayıcında inşa et. Node kurulumu yok, create-next-app yok, ayar yok - her ders sana düzenlemen için layout, sayfalar ve bileşenlerden oluşan gerçek bir app dizini verir.
  • App Router, üretimde kullanıldığı hâliyle: rota olarak klasörler, dinamik segmentler, iç içe layout'lar, sunucu ve istemci bileşenleri, veri çekme, yükleme ve hata durumları, server action'lı formlar.
  • Gerçek kodunu okuyan yapay zekâ ipuçları. Bir rota 404 verdiğinde ya da bir sunucu bileşeni bozulduğunda, cevabı vermeden sorunu işaret eden bir ipucu alırsın.
  • Bölümü bitirdiğinde ücretsiz sertifika - Next.js en çok aranan React framework'ü ve modern frontend ilanlarının React'in yanında istediği şey.

Next.js öğrenmekle ilgili sık sorulan sorular

Next.js nedir?

Next.js, eksiksiz web uygulamaları geliştirmek için kullanılan bir React framework'üdür. React sana bileşenleri verir; Next.js ise çevresindeki her şeyi ekler - dosya sistemi tabanlı yönlendirme, iç içe layout'lar, sunucu tarafı render, veri çekme ve formlarla mutasyonlar için server action'lar. Vercel tarafından geliştirilip bakımı yapılır ve üretimde en yaygın kullanılan React framework'üdür.

Next.js öğrenmeden önce React bilmem gerekir mi?

Evet - Next.js, React üzerine kuruludur; bileşenler, props ve state önce tanıdık gelmelidir. Bu bölüm React yolculuğunun ikinci kısmıdır: ondan önceki Temeller bölümü tam da bu zemini işler, yani sırayla ilerleyebilirsin.

Kurs App Router'ı kapsıyor mu?

Evet - bölüm modern App Router etrafında kurulu: app dizini, rota olarak klasörler, dinamik rota segmentleri, iç içe layout'lar ve sunucu/istemci bileşen modeli. Yeni Next.js projelerinin varsayılan mimarisi ve güncel iş ilanlarının beklediği yapı budur.

Sunucu ve istemci bileşenleri arasındaki fark nedir?

Sunucu bileşenleri sunucuda render edilir - veriyi doğrudan çekebilir ve tarayıcıya daha az JavaScript gönderir. İstemci bileşenleri tarayıcıda çalışır ve etkileşimi yönetir: state, olaylar, efektler. Next.js uygulamaları ikisini birlikte kullanır; hangisine ne zaman başvuracağını bilmek bu bölümün çalıştırdığı temel becerilerden biridir.

Next.js'i internetten ücretsiz öğrenebilir miyim?

Evet. İnteraktif Next.js bölümü ücretsizdir - eksiksiz dersler, anında geri bildirimli gerçek kod meydan okumaları ve yapay zekâ ipuçları. Her şey tarayıcında çalışır; başlamak için Node kurmana ya da proje oluşturmana gerek yok.

Next.js kursunun sonunda sertifika alıyor muyum?

Evet. Bölümü bitirdiğinde LinkedIn'de paylaşabileceğin veya özgeçmişine ekleyebileceğin ücretsiz bir tamamlama sertifikası kazanırsın - son bölümlerde inşa ettiğin eksiksiz Next.js projesiyle birlikte.

Bu kursu içeren öğrenme yolları

Bu kurs daha uzun bir yolun bir adımı: birden fazla kurs, bir mentorun öğreteceği sırayla, her biri kendi ücretsiz sertifikasıyla.

Coddy programlama dilleri çizimi

Coddy ile Next.js Temel Esasları öğrenin

BAŞLA