React Journey'nin bir parçasıYeniYolculukNext.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.
47 ders41 görev99 quiz sorusu
- Başlangıç dostu
Yapay zeka destekli kodlama yardımı
Uygulamalı interaktif dersler
Bilgini sınamak için testler
Ücretsiz tamamlama sertifikası
Müfredat
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.
- Bölüm 1Temeller42 ders
Bölüm 2
Next.js Temel Esasları
Bölüme başlaBaşlaReact 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 ders39Yönlendirme ve Bağlantılar
6 ders516Düzenler ve Üst Veriler
6 ders515Sunucu ve İstemci
6 ders515Sunucudaki Veri
6 ders516Server Action'lar
5 ders413İstemci Yönlendirmesi
5 ders515Proje: Coddy Eats
9 ders9
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.
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!
January 2026
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
Ya Hep Ya Hiç
7 günün 5. günü
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.
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!
1
2
3
Yükselme bölgesiHer ş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ş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.
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.
Tamamlama SertifikasıPython Temelleri
LinkedIn'e EkleNeden 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.
