UI kütüphanesi olarak React ve full-stack framework olarak Next.js'i birleştiren modern frontend geliştirme. Üretime hazır uygulamalar için Server Component, App Router, Server Action ve hibrit render (SSR, SSG, ISR) tabanlı mimari.
Server Component, Suspense ve gelişmiş hook (useActionState, use) ile modern React
Layout, streaming SSR ve partial prerendering ile Next.js App Router
API route olmadan sunucu tarafı mutasyonlar için Server Action
Tip çıkarımı ve tip güvenliği ile katı TypeScript
Dinamik route ve route grupları ile dosya tabanlı yönlendirme
Modern veri çekme (cache ile fetch, Server Component, paralel veri)
Durum yönetimi (Context API, Zustand, sunucu önbelleği için TanStack Query)
TailwindCSS, CSS Modules, styled-components veya Sass ile stillendirme
Kapsamlı test (Vitest/Jest, React Testing Library, Playwright/Cypress)
Performans (Image/Font optimizasyonu, code splitting, lazy loading, analitik)
Bu teknolojiyi anlamak ve mülakatlarını başarmak için en önemli kavramlar
React: JSX, Virtual DOM, reconciliation, fiber mimarisi
Modern hook: useState, useEffect, useContext, useMemo, useCallback, useActionState
Server Component vs Client Component ("use client"), bileşim kalıpları
Props, State, state yukarı taşıma, prop drilling ve çözümleri
React yaşam döngüsü, useEffect temizleme, bağımlılık dizisi, strict mode
Next.js App Router: yönlendirme, layout, template, loading/error durumları
Veri çekme: async Server Component, fetch önbellekleme, yeniden doğrulama stratejileri
Server Action: progressive enhancement, useActionState, form işleme
Render stratejileri: SSR, SSG, ISR, istemci tarafı, streaming
Durum yönetimi: Context API, Zustand, Redux Toolkit, sunucu durumu (TanStack Query)
Performans: React.memo, useMemo, useCallback, lazy loading, Suspense sınırları
Yönlendirme: dinamik route, paralel route, intercepting route, middleware
Metadata ve SEO: generateMetadata, sitemap, robots.txt, Open Graph
Test: bileşen testleri, entegrasyon testleri, E2E, mock, test kalıpları
Build optimizasyonu, bundle analizi, dağıtım (Vercel, Docker), izleme
Günde bir kod parçası. Hatayı bul ya da hata olmadığını kanıtla.
React / Next.js hakkındaki en son makale ve rehberlerimizi keşfet
Vitest ve React Testing Library ile React test yazımında uzmanlaşın. Bileşen test kalıpları, asenkron işlem yönetimi, mock stratejileri ve mülakat için hazır en iyi uygulamalar.
Zustand 5 ile Redux Toolkit 2.x'in React state yönetimi için pratik 2026 karşılaştırması: kurulum, RTK Query ile asenkron veri çekme, performans ve mülakat soruları.
Next.js 16 Server Actions'ın mutation, revalidation, bekleme durumu, optimistic UI ve güvenliği nasıl ele aldığı ve her kavramı sınayan mülakat soruları.