Next.js 14 App Router ile Başlangıç

# Next.js 14 App Router ile Başlangıç Next.js 14, modern web uygulamaları oluşturmayı her zamankinden daha kolay hale getiren güçlü yeni özellikler sunuyor. Bu kılavuzda, App Router'ı ve yeteneklerinden nasıl yararlanacağınızı keşfedeceğiz. ## Next.js 14'te Neler Yeni? App Router, Next.js uygulamaları için oyunun kurallarını değiştiriyor. Şunları sağlıyor: - **Varsayılan olarak Server Components** - Daha iyi performans ve SEO - **Streaming ve Suspense** - İyileştirilmiş yükleme durumları - **Layouts ve Templates** - Daha iyi kod organizasyonu - **Route Groups** - Esnek yönlendirme yapısı ## Başlarken Öncelikle yeni bir Next.js 14 projesi oluşturun: ```bash npx create-next-app@latest my-app cd my-app npm run dev ``` ## İlk Route'unuzu Oluşturma App Router'da, route'lar klasörler kullanılarak tanımlanır. `app` dizinine bir klasör ekleyerek yeni bir route oluşturun: ``` app/ about/ page.tsx ``` ## Server Components Varsayılan olarak, App Router'daki tüm bileşenler Server Components'tir. Bu, sunucuda çalıştıkları ve istemciye HTML gönderdikleri anlamına gelir. ```tsx // Bu bir Server Component export default function Page() { return <h1>Server Component'ten Merhaba!</h1> } ``` ## Sonuç Next.js 14'ün App Router'ı, modern web uygulamaları oluşturmak için güçlü bir araçtır. Bugün denemeye başlayın!