Next.js Nedir?

Next.js 2016'da çıktı, 2026'da v16 (App Router + React 19). Vanilla React'tan farkı:

1. File-based routing — /pages veya /app klasöründeki dosya yapısı = URL yapısı. Manual router config yok. 2. Multiple render modes — aynı sayfada SSR + SSG + ISR + CSR seçenekleri. 3. Built-in performance — Image component, Font optimization, Critical CSS, Code splitting otomatik. 4. API Routes — sunucu tarafında endpoint'ler aynı codebase'de. 5. Edge functions — server-side logic kullanıcıya yakın node'da çalıştırma. 6. Internationalization — built-in i18n routing (/tr/, /en/ alt-path). 7. Middleware (proxy.ts) — request/response intercept.

App Router (Next.js 13+ yeni model): - /app/page.tsx ana sayfa - /app/about/page.tsx /about sayfası - /app/blog/[slug]/page.tsx dinamik route - Server Components default — frontend bundle'a sızmıyor - Streaming + Suspense — content priority - Async server components — direkt fetch + await

Next.js'in alternatifleri: Remix (Web Standards focused), Astro (content-heavy siteler için), Gatsby (static sitelerde, son yıllarda popülerlik düştü), Nuxt.js (Vue ekosistemi).

Kurumsal Türkiye'de Next.js'i tercih nedenleri: %10-30 daha hızlı sayfalar (LCP <1.2s), TypeScript native, SEO için SSR/SSG, Vercel deployment kolay, React ekosistemi (en büyük developer havuzu), enterprise destek.