Next.js nedir ve React'a ne ekler?

Question

Accepted Answer

**Next.js** tam yığın bir React **framework**'üdür. React'ın kendisi sadece bir UI kütüphanesidir — bileşenleri render eder ancak yönlendirme, veri getirme, sunucu renderlaması ve derleme araçlarını size bırakır. Next.js bunların hepsini hazır olarak sağlar, ayrıca sunucu çalışma zamanı da vardır. ## React'ın tek başına bıraktığı şeyler (ve Next.js'nin eklediği) ```text React (library) → Next.js (framework) adds: ────────────────────────────────────────────────── UI rendering only → File-based routing (folders = routes) Client-side rendering → Server rendering (SSR), static generation (SSG), ISR You wire data fetching → Built-in data fetching + caching No backend → API routes / Route Handlers (full-stack) Manual bundling → Zero-config build, code splitting, optimization Manual → next/image (auto-optimized images), next/font ``` ## Somut bir örnek: bir rota sadece bir dosyadır ```tsx // app/about/page.tsx → automatically served at /about export default function About() { return

About us

; } ``` Sade React'te bir yönlendirici kurar, rotaları yapılandırır ve bir derleme ayarlarsınız. Next.js'de dosya oluşturmak rotadır. ## Ekiplerin bunu neden seçtiği - **SEO & performans** — sunucu tarafından render edilen HTML, içeriğin ilk yanıtta olduğu anlamına gelir (tarayıcılar ve hızlı ilk boyama için iyi), boş bir sayfa gönderen ve ardından hidrate eden istemci taraflı React SPA'nın aksine. - **Bir projede tam yığın** — ön uç ve arka uç (API rotaları, Sunucu Eylemleri) birlikte yaşar. - **Üretime hazır varsayılanlar** — otomatik kod bölme, resim/yazı tipi optimizasyonu, önbelleğe alma. ## Neden önemli Next.js en popüler React framework'üdür çünkü React'ı bir UI kütüphanesinden tam bir uygulama platformuna dönüştürür — rendering stratejisini, yönlendirmeyi, verileri ve arka uçu yönetir, böylece siz tesisatlar yerine özelliklere odaklanırsınız. React'ta SEO, performans veya sunucu tarafı mantığa ihtiyacınız olduğunda varsayılan seçimdir.