Next.js ve Yapay Zekâ Eğitimi

Next.js, React üzerine kurulu ve üretim ortamı için gereken yönlendirme, sunucu taraflı render, önbellek ve SEO özelliklerini hazır sunan bir frameworktür. Bu eğitimde katılımcılar App Router mimarisiyle, veritabanına bağlı ve arama motorlarında iyi görünen bir web uygulamasını uçtan uca geliştirir.

Next.js (App Router)
React Server Components
TypeScript
Tailwind CSS
Prisma
PostgreSQL
Auth.js
Vercel
Vercel AI SDK

Süre480 saat, hafta sonu grubunda ~11 ay
Başlangıç28 Kasım 2026
SeviyeTemel / İleri
FormatCanlı online veya sınıf içi

79.000 TL~~99.000 TL~~%20 indirim

Vade farksız 12 taksit: aylık 6.584 TL

Fiyat, bu konuyu da kapsayan Java Spring Boot ReactJS FullStack Eğitimi içindir.

Sıradaki dönem: 28 Kasım 2026 CumartesiHafta sonu 5 saat (Cumartesi + Pazar) · 10:00-15:00 · en fazla 16 kişiKayıt açık

Hemen Satın Al Bu döneme ön kayıt Kurumsal Teklif Al

Soru sormak ve bilgi almak ücretsiz, bağlayıcı değil
Canlı derslerde eğitmene doğrudan soru
İptal ve iade koşulları

Bireysel Bilgi Al Kurumsal Teklif Al WhatsApp'tan Sor

Next.js Eğitimi Kimler İçin ve Neden?

Klasik bir React uygulaması tarayıcıda boş bir sayfa olarak açılır ve içeriği JavaScript ile doldurur. Bu yaklaşım yönetim panelleri için yeterli olsa da, arama motorlarında görünmesi gereken kurumsal siteler, e-ticaret ve içerik platformları için yetersiz kalır. Next.js, sayfaları sunucuda veya derleme anında üreterek hem ilk açılış hızını hem de SEO performansını iyileştirir.

Eğitim, App Router yapısıyla başlar: klasör tabanlı yönlendirme, layout, loading ve error dosyaları, dinamik ve paralel rotalar. Ardından modern Next.js'in en önemli kavramı olan Server Components ile Client Components ayrımı işlenir; hangi bileşenin sunucuda, hangisinin tarayıcıda çalışması gerektiği gerçek ekranlar üzerinden tartışılır.

Veri katmanında sunucu bileşenlerinde doğrudan veri çekme, statik ve dinamik render, önbellek ve yeniden doğrulama (revalidation) stratejileri uygulanır. Formlar Server Actions ile işlenir, Route Handlers ile API uç noktaları yazılır, Prisma ile PostgreSQL veritabanına bağlanılır. Kimlik doğrulama için Auth.js ve middleware ile korumalı sayfalar kurulur.

Son bölümde Metadata API, Open Graph görselleri, sitemap ve robots dosyalarıyla SEO tamamlanır; next/image ve next/font ile performans iyileştirilir. Uygulama Vercel'e veya Docker ile kendi sunucunuza yayınlanır. Eğitim sonunda katılımcı, gerçek bir ürüne dönüşebilecek bir Next.js projesine sahip olur.

Bu konu, Java Spring Boot ReactJS FullStack Eğitimi (480 saat, hafta sonu grubunda ~11 ay) kapsamında da işlenir. Ana programın tüm müfredatını incelemek için sayfayı ziyaret edin.

Ana eğitimi incele

Eğitim İçeriği ve Örnek Müfredat

8 modül · 34 konu başlığı

Detaylı müfredat iste

Modül 1

Next.js'e Giriş ve Proje Yapısı

React ile Next.js arasındaki farklar
create-next-app, TypeScript ve Tailwind CSS kurulumu
App Router klasör yapısı: page, layout, loading, error
Statik varlıklar, next/image ve next/font

Modül 2

Yönlendirme

Dinamik rotalar ve generateStaticParams
İç içe layout'lar ve route grupları
Link, useRouter ve programatik yönlendirme
Paralel ve kesişen (intercepting) rotalar
Not found ve hata sayfaları

Modül 3

Server ve Client Components

Sunucu bileşenlerinin çalışma mantığı
'use client' sınırı ve etkileşimli bileşenler
Bileşenler arasında veri aktarımı
Streaming ve Suspense ile kademeli yükleme

Modül 4

Veri Çekme ve Önbellek

Sunucu bileşenlerinde fetch ile veri çekme
Statik, dinamik ve artımlı render (ISR)
Önbellek katmanları ve revalidatePath / revalidateTag
Prisma ile PostgreSQL bağlantısı
Harici REST API'lerle çalışma

Modül 5

Server Actions ve Route Handlers

Server Actions ile form işleme
Zod ile sunucu tarafı doğrulama
Route Handlers ile API uç noktaları
Optimistic UI ve hata geri bildirimi

Modül 6

Kimlik Doğrulama ve Güvenlik

Auth.js ile e-posta ve sosyal giriş
Middleware ile korumalı rotalar
Oturum ve rol bazlı yetkilendirme
Ortam değişkenleri ve gizli anahtar yönetimi

Modül 7

React ile Yapay Zekâ

OpenAI / Claude API entegrasyonu
Vercel AI SDK ile sohbet arayüzleri
Yapay zekâ destekli arayüz özellikleri (akıllı arama, özetleme, asistan)

Modül 8

SEO, Performans ve Yayına Alma

Metadata API, Open Graph ve yapısal veri
sitemap.xml ve robots dosyalarının üretilmesi
Core Web Vitals ve performans ölçümü
Vercel ve Docker ile yayına alma
Bitirme projesi: SEO uyumlu içerik ve ürün sitesi

Müfredat örnek niteliğindedir; grubun seviyesine ve teknolojilerin güncel sürümlerine göre güncellenir. Kurumsal programlarda içerik ekibinizin projelerine göre uyarlanır.

Next.js Eğitimi · 79.000 TL, 12 taksit

Hemen Satın Al Bireysel Bilgi Al Kurumsal Teklif Al WhatsApp'tan Sor

Eğitim Sonunda Kazanımlar

App Router ile çok sayfalı bir Next.js uygulaması kurmak
Server ve Client Components ayrımını doğru yapmak
Veri çekme, önbellek ve yeniden doğrulama stratejisi seçmek
Server Actions ve Route Handlers ile backend işlemleri yazmak
Kimlik doğrulama ve korumalı sayfalar eklemek
SEO ve performansı ölçüp iyileştirerek uygulamayı yayına almak
OpenAI / Claude API ve Vercel AI SDK ile yapay zekâ sohbet arayüzleri geliştirmek

Hedef Kitle

React bilen ve sunucu taraflı render'a geçmek isteyen frontend geliştiriciler
Arama motorunda görünmesi gereken kurumsal site ve e-ticaret projeleri yürüten ekipler
Tek bir framework ile hem arayüz hem API yazmak isteyen fullstack geliştiriciler
Mevcut React uygulamasını Next.js'e taşımayı planlayan şirketler
Ürün fikrini hızla yayına almak isteyen girişimciler ve yazılımcılar

Ön koşul: Temel React bilgisi (bileşen, props, state ve Hooks) beklenir. React'e yeni başlayanlar için önce React Eğitimi (ReactJS) önerilir.

Kuruma Katkıları

Daha iyi SEO

Sunucuda üretilen sayfalar ve doğru metadata ile ürün ve içerik sayfaları arama motorlarında daha iyi indekslenir.

Hızlı açılan sayfalar

Önbellek, streaming ve görsel optimizasyonu sayesinde kullanıcılar sayfaları daha kısa sürede görür.

Tek kod tabanı

Arayüz ve hafif API uç noktaları aynı projede yer aldığı için küçük ekipler daha az altyapıyla ürün çıkarabilir.

Güvenli veri erişimi

Veritabanı sorguları ve gizli anahtarlar sunucu bileşenlerinde kalır, tarayıcıya sızmaz.

Modern frontend standardı

Ekip, React ekosisteminin güncel yönü olan Server Components mimarisine ortak bir anlayışla geçer.

Bireysel ve Kurumsal Katılım Seçenekleri

Bireysel katılım

Ders formatı: Canlı online veya sınıf içi
Hafta içi 09:00–12:00, 15:00–18:00 veya 19:00–22:00 oturumları
Hafta sonu 10:00–15:00 veya 15:00–20:00 oturumları
Java Spring Boot ReactJS FullStack Eğitimi: 480 saat, hafta sonu grubunda ~11 ay
Kredi kartına vade farksız 12 taksit

Bireysel Bilgi Al Hemen Satın Al

Kurumsal eğitim

Kurumsal programlar genellikle 30 saat (günde 6 saat) olarak planlanır
Temel ve İleri seviye seçenekleri
Şirketinizde yerinde ya da online, ekibinize özel grup
Örnekler ekibinizin teknoloji yığınına ve projelerine göre uyarlanır

Kurumsal Teklif Al

Sık Sorulan Sorular

Next.js öğrenmek için önce React bilmem gerekir mi?

Evet. Next.js, React üzerine kuruludur; bileşen, props, state ve Hooks konularını bilmeniz gerekir. Bu konularda eksik varsa React Eğitimi (ReactJS) ile başlamanızı öneririz.

Eğitimde Pages Router mı App Router mı anlatılıyor?

Eğitim güncel App Router mimarisi üzerine kuruludur. Pages Router kullanan mevcut projeler için iki yapı arasındaki farklar ve geçiş adımları da ele alınır.

Next.js ile backend yazılabilir mi?

Route Handlers ve Server Actions ile form işleme, veritabanı işlemleri ve hafif API'ler yazılabilir. Büyük ve karmaşık backend ihtiyaçları için Spring Boot veya ASP.NET Core Web API ile birlikte kullanılması önerilir.

Uygulamayı yalnızca Vercel'e mi yayınlayabiliriz?

Hayır. Eğitimde Vercel'in yanında Docker ile kendi sunucunuza veya bulut ortamınıza yayınlama da gösterilir.

Kurumsal Next.js eğitimi nasıl planlanır?

Kurumsal programlar genellikle 30 saat (günde 6 saat) olarak planlanır. Temel ve İleri seviye seçenekleri vardır; örnekler ekibinizin projesine ve altyapısına göre uyarlanır.

Ödeme seçenekleri nelerdir?

Bireysel katılımda kredi kartına vade farksız 12 taksit imkânı vardır. Güncel tarih ve ücret bilgisi için Bilgi Al düğmesini kullanabilir veya 0212 352 05 22 numarasını arayabilirsiniz.

Next.js eğitiminde yapay zekâ var mı?

Evet. Programda "React ile Yapay Zekâ" modülü yer alır: OpenAI / Claude API entegrasyonu; Vercel AI SDK ile sohbet arayüzleri; Yapay zekâ destekli arayüz özellikleri (akıllı arama, özetleme, asistan).

Next.js Eğitimi