NEXT.JS - ADVANCED EĞİTİMİ

Next.js'i üretim ölçeğinde ustalıkla kullanın

Önbellek katmanlarından Server Actions'a, güvenlikten dağıtıma üretim düzeyinde Next.js

Next.js - Advanced Eğitimi, Next.js'i üretim ölçeğinde ustalıkla kullanmayı hedefleyen ileri düzey bir programdır. Program dört önbellek katmanı, Partial Prerendering ve render sınırlarıyla başlar; ileri veri desenleri ve Server Actions, kimlik doğrulama ve r…

4 gün İleri Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Önbellek mimarisinden güvenliğe, ileri veri desenlerinden ölçekli dağıtıma Next.js

Next.js - Advanced Eğitimi, Next.js'i üretim ölçeğinde ustalıkla kullanmayı hedefleyen ileri düzey bir programdır. Katılımcılar dört önbellek katmanını, Partial Prerendering ve render sınırlarını derinlemesine ele alır. İleri Server Actions ve form akışları, kimlik doğrulama ve yetkilendirme, middleware ve edge runtime, güvenlik, çok dillilik, gözlemlenebilirlik, test ve self-hosting işlenir. Program ölçekli bir uygulamanın dağıtım optimizasyonuyla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; Next.js önbellek mimarisinden başlanıp dört gün boyunca ileri veri, güvenlik ve ölçekli dağıtımla ilerlenir.

Seviye

İleri Seviye — Next.js önbellek mimarisi, ileri veri desenleri, kimlik, güvenlik ve ölçekli dağıtım

Öğrenme Metodu

Her modülde bir üretim senaryosu ölçüm ve kayıtlar eşliğinde incelenip uygulanır; kararlar gerçek performans verisiyle doğrulanır.

Neden Bu Eğitim?

🧠Önbellek ustalığı

Dört önbellek katmanını ve render sınırlarını derinlemesine kavrayarak beklenmedik önbellek davranışlarını kontrol altına alırsınız.

🔐Güvenli üretim

Kimlik, yetkilendirme ve güvenlik desenleriyle uygulamanızı üretim ortamına güvenle taşıyacak sağlamlıkta kurarsınız.

📈Ölçekli dağıtım

Self-hosting, gözlemlenebilirlik ve performans optimizasyonuyla uygulamayı yüksek trafik altında ölçekli biçimde çalıştırırsınız.

Anahtar Konular

ileri next.js eğitiminext.js advanced kursnext.js önbellek eğitiminext.js server actions ilerinext.js kimlik doğrulamanext.js performans eğitiminext.js güvenliknext.js self-hostingpartial prerendering eğitiminext.js ileri seviye kurs
“Üretim ölçeğinde Next.js, özellik eklemek değil; önbellek, güvenlik ve dağıtımı ölçümle yönetilen bir bütün olarak tasarlamaktır.”

Ön Koşullar

Eğitimden verim almak için gereken bilgi ve deneyim düzeyi

1
Next.js deneyimi

App Router, sunucu bileşenleri ve veri çekmeyle Next.js uygulaması geliştirmiş olmak gerekir.

2
React hakimiyeti

Bileşen, hook ve veri akışına rahat hakimiyet, ileri sunucu bileşeni ve Server Actions konularında önemlidir.

3
Web ve HTTP

HTTP başlıkları, önbellek, çerez ve kimlik akışlarına aşinalık güvenlik ve önbellek modüllerinde faydalıdır.

4
Geliştirme ortamı

Node.js, bir Next.js projesi ve Git kurulu, üretim derlemesi ve dağıtım adımlarının denenebilir olması gerekir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı istek memoization, Data Cache, Full Route Cache ve Router Cache katmanlarını derinlemesine kavrar, dinamik ve statik render sınırlarını ve Partial Prerendering mantığını uygular.
Modül 1
Önbellek Katmanları Haritası
  • İstek memoization ile render içi tekilleştirme
  • Data Cache ile sunucu veri önbelleği
  • Full Route Cache ile statik HTML önbelleği
  • Router Cache ile istemci gezinme önbelleği
  • Katmanların etkileşimi ve öncelik sırası
  • Beklenmedik önbellek davranışının teşhisi
Modül 2
Yeniden Doğrulama Stratejileri
  • Zamana bağlı yeniden doğrulama (revalidate)
  • Etikete göre revalidateTag kullanımı
  • revalidatePath ile yol bazlı tazeleme
  • İsteğe bağlı (on-demand) yeniden doğrulama
  • cache ve no-store seçeneklerinin etkisi
  • Önbellek geçersizleştirme akışının tasarımı
Modül 3
Dinamik ve Statik Render
  • Dinamik API kullanımının render etkisi
  • cookies, headers ve dinamik geçiş
  • generateStaticParams ile statik üretim
  • Segment yapılandırma seçenekleri
  • Statik ve dinamik sınır kararı
  • Render davranışının build çıktısıyla doğrulanması
Modül 4
Partial Prerendering ve Akış
  • Partial Prerendering (PPR) mantığı
  • Statik kabuk ve dinamik delik modeli
  • Suspense sınırıyla dinamik bölge tanımı
  • Statik ve dinamiğin tek yanıtta birleşmesi
  • PPR'nin algılanan hıza katkısı
  • Akış sınırlarının performans etkisi
Günün hedefiKatılımcı paralel ve ardışık veri desenlerini, Suspense ile akış sınırlarını, ileri Server Actions akışlarını, useActionState ile form yönetimini ve iyimser güncellemeleri üretim düzeyinde uygular.
Modül 1
İleri Veri Çekme Desenleri
  • Paralel veri çekmeyle gecikme azaltma
  • Ardışık bağımlı veri akışının yönetimi
  • Preload deseniyle erken veri başlatma
  • Veri önbelleğini React cache ile sarma
  • Waterfall (şelale) tuzaklarının önlenmesi
  • Tip güvenli veri erişim katmanı
Modül 2
Akış Sınırları ve Suspense
  • Suspense sınırlarının stratejik yerleşimi
  • İskelet arayüzüyle kademeli açılma
  • Yavaş bölümü ayrı Suspense sınırına alma
  • error.js ile bölüm bazlı hata izolasyonu
  • Streaming ile ilk byte süresinin iyileştirmesi
  • Sınır tasarımının kullanıcı algısına etkisi
Modül 3
İleri Server Actions
  • Server Action ile güvenli mutation akışı
  • Girdi doğrulama ve yetki kontrolü
  • revalidateTag ile hedefli tazeleme
  • Hata döndürme ve kullanıcıya iletme
  • Action güvenliği ve kötüye kullanım önlemi
  • Yeniden kullanılabilir action tasarımı
Modül 4
Form Durumu ve İyimser UI
  • useActionState ile form durumu yönetimi
  • useFormStatus ile bekleme durumu
  • useOptimistic ile iyimser güncelleme
  • İlerlemeli iyileştirme (progressive enhancement)
  • Sunucu doğrulama hatalarının gösterimi
  • Başarı sonrası yönlendirme ve tazeleme
Günün hedefiKatılımcı oturum ve token tabanlı kimlik doğrulamayı kurar, rol tabanlı yetkilendirmeyi uygular, middleware ile istek akışını yönetir ve güvenlik ile çok dillilik gereksinimlerini karşılar.
Modül 1
Kimlik Doğrulama Mimarisi
  • Oturum ve token tabanlı kimlik yaklaşımları
  • Auth.js ile kimlik doğrulama entegrasyonu
  • Çerez tabanlı oturumun güvenli yönetimi
  • Sunucu bileşeninde oturum okuma
  • Korumalı sayfa ve veri erişimi
  • Giriş ve çıkış akışının kurulması
Modül 2
Yetkilendirme ve Erişim
  • Rol tabanlı erişim kontrolü (RBAC)
  • Veri erişim katmanında yetki kontrolü
  • Sunucu aksiyonunda yetki doğrulama
  • Yetkisiz erişimde zarif yönlendirme
  • Çok kiracılı (multi-tenant) erişim modeli
  • Yetki kurallarının merkezileştirilmesi
Modül 3
Middleware ve Edge Runtime
  • Middleware ile istek öncesi işleme
  • Yönlendirme, yeniden yazma ve koruma
  • Edge runtime ile düşük gecikmeli çalışma
  • Edge ve Node runtime kısıtları
  • İstek başlığı ve çerez manipülasyonu
  • Middleware performansının yönetimi
Modül 4
Güvenlik ve Çok Dillilik
  • Server-only ile sunucu kodunun korunması
  • Ortam değişkeni ve sır (secret) yönetimi
  • CSRF, XSS ve girdi doğrulama önlemleri
  • İstek sınırlama (rate limiting) yaklaşımı
  • i18n ile çok dilli yönlendirme
  • Yerelleştirilmiş içerik ve metadata
Günün hedefiKatılımcı paket boyutunu ve Core Web Vitals'ı optimize eder, gözlemlenebilirlik kurar, uygulamayı test eder ve Docker ile self-hosting dahil ölçekli dağıtım stratejilerini uygular.
Modül 1
Bundle ve Performans Optimizasyonu
  • Bundle analizi ile büyük bağımlılık tespiti
  • dynamic import ile istemci kodu bölme
  • Sunucu bileşeniyle istemci yükünü azaltma
  • Core Web Vitals ölçümü ve iyileştirme
  • Görsel, font ve script optimizasyonu
  • Üçüncü parti script yüklemesinin yönetimi
Modül 2
Gözlemlenebilirlik ve İzleme
  • OpenTelemetry ile izleme (tracing) kurulumu
  • Sunucu ve istemci hata raporlaması
  • Yapılandırılmış log ve bağlam bilgisi
  • Gerçek kullanıcı metriği (RUM) toplama
  • Önbellek isabet oranının izlenmesi
  • Üretim ortamında performans gözetimi
Modül 3
Test Stratejisi ve Araçları
  • Birim test ile iş mantığının doğrulanması
  • React Testing Library ile bileşen testi
  • Playwright ile uçtan uca (E2E) test
  • Server Action ve route handler testi
  • Test ortamında veri izolasyonu
  • CI hattı içinde test otomasyonu
Modül 4
Ölçekli Dağıtım ve Self-Hosting
  • Vercel ve self-hosting karşılaştırması
  • Docker ile standalone çıktı imajı
  • Ortam değişkeni ve yapılandırma yönetimi
  • CDN ve önbellek başlığı stratejisi
  • CI/CD hattıyla otomatik dağıtım
  • Sıfır kesinti (zero-downtime) dağıtım

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Önbellek mimarisi

Dört önbellek katmanını ve etkileşimlerini kavrar, beklenmedik önbellek davranışlarını teşhis edip kontrol altına alırsınız.

✅
Render sınırları

Dinamik ve statik render ile Partial Prerendering sınırlarını tasarlar, performans ve tazelik dengesini kurarsınız.

✅
İleri veri desenleri

Paralel ve ardışık veri akışını, Suspense sınırlarını ve preload desenini şelale tuzaklarından kaçınarak uygularsınız.

✅
İleri Server Actions

useActionState ve useOptimistic ile güvenli, doğrulanmış ve iyimser güncellemeli form akışları kurabilirsiniz.

✅
Kimlik ve yetki

Oturum ve token tabanlı kimlik doğrulamayı, rol tabanlı yetkilendirmeyi ve korumalı erişimi üretim düzeyinde kurarsınız.

✅
Güvenlik ve middleware

Middleware, edge runtime ve güvenlik önlemleriyle istek akışını yönetir, sırları ve girdileri güvenle korursunuz.

✅
Gözlemlenebilirlik

OpenTelemetry ve hata raporlamayla izleme kurar, üretimde performans ve önbellek metriklerini gözetebilirsiniz.

✅
Ölçekli dağıtım

Docker ile self-hosting, CDN ve CI/CD stratejileriyle uygulamayı yüksek trafik altında kesintisiz dağıtırsınız.

Kimler İçin Uygundur?

  • Next.js ile uygulama geliştirmiş
  • önbellek
  • render stratejileri ve dağıtımı üretim ölçeğinde derinlemesine anlamak isteyen deneyimli geliştiriciler
  • performans
  • güvenlik sorumluluğu taşıyan yazılım mühendisleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Next.js ile uygulama geliştirmiş, önbellek, render stratejileri ve dağıtımı üretim ölçeğinde derinlemesine anlamak isteyen deneyimli geliştiriciler için uygundur. App Router, sunucu bileşenleri ve veri çekme konularına hakimiyet beklenir; eğitim bu temelin üzerine kuruludur ve ileri seviyedir.
Bu eğitim ile Next.js giriş eğitimi arasındaki fark nedir?
Giriş eğitimi App Router, sunucu bileşenleri ve temel veri çekmeyi öğretir. Bu ileri eğitim ise önbellek katmanları, Partial Prerendering, ileri Server Actions, kimlik ve güvenlik, gözlemlenebilirlik ve ölçekli dağıtım gibi üretim düzeyi konulara odaklanır. Giriş bilgisi bu eğitim için ön koşuldur.
Eğitimde self-hosting ve Vercel dışı dağıtım ele alınıyor mu?
Evet, dağıtım modülü hem Vercel hem de self-hosting senaryolarını kapsar. Docker ile standalone çıktı imajı, CDN ve önbellek başlığı stratejisi, CI/CD hattı ve sıfır kesinti dağıtım işlenir. Kurumun kendi altyapısına uygun dağıtım yaklaşımı örneklerle değerlendirilir.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. Önbellek mimarisinden başlanıp ileri veri, güvenlik ve ölçekli dağıtımla ilerlenir; kararlar gerçek performans verisiyle doğrulanır. Yüz yüze veya online yapılabilir ve kurumun mevcut projesine göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve optimizasyon çalışmasını belgeler; kurumsal gruplara kendi uygulamalarının önbellek ve performans değerlendirmesi ile genişletilebilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Next.js - Advanced Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
Seviyeİleri Seviye
FormatOnline / Yüz Yüze / Hibrit
KonuReact
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

Reactİleri Seviye React Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

İleri Seviye React Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

İleri seviye React eğitimi: performans optimizasyonu, ileri hook desenleri, durum mimarisi, React Query, test ve TypeScript ile üretim React.

Detayları Gör →
ReactJavaScript Kullanarak React'e Giriş Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript Kullanarak React'e Giriş Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

JavaScript kullanarak React'e giriş eğitimi: modern ES6 özellikleri, JSX, bileşen, props, useState ve useEffect ile iki günde React temelleri.

Detayları Gör →
ReactReact Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

React eğitimi: JSX, bileşen, props, useState, useEffect, useContext, React Router ve API entegrasyonu ile modern web arayüzü geliştirme.

Detayları Gör →
ReactReact Giriş Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React Giriş Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

React giriş eğitimi: bileşen, JSX, props, useState ve olaylarla iki günde React'e sıfırdan uygulamalı ve hızlı başlangıç yapın.

Detayları Gör →
ReactReact Hooks ve Context API Kullanımı Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React Hooks ve Context API Kullanımı Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

useState, useEffect, useReducer, useContext ve özel Hook'larla modern React durum yönetimini ve Context API ile global durumu öğreten uygulamalı eğitim.

Detayları Gör →
ReactReact ile Modern Front-End Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React ile Modern Front-End Geliştirme Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

JSX, Hook'lar, React Router, veri çekme ve Vite ile üretime hazır modern, bileşen tabanlı ön yüz uygulamaları geliştirmeyi öğreten uygulamalı React eğitimi.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn