Question 1

Next.js App Router'da metadata tanımlamak için önerilen yöntem nedir?

Accepted Answer

Next.js App Router, metadata'yı type-safe ve optimize edilmiş bir şekilde tanımlamak için layouts ve pages'den dışa aktarılan `metadata` nesnesini sunar. Bu yaklaşım, Next.js 12'deki `<Head>` bileşenlerinin yerini alır ve metadata'nın sunucu tarafında render edilmesini sağlar. `metadata` export'u statiktir ve daha iyi SEO performansı için build time'da analiz edilir.

Question 2

Next.js'te route parametrelerine dayalı dinamik metadata nasıl oluşturulur?

Accepted Answer

`generateMetadata` fonksiyonu asenkrondur ve `params` ile `searchParams`'ı argüman olarak alır, bu da metadata'yı dinamik olarak oluşturmak için veri yüklemeyi mümkün kılar. Render zamanında sunucu tarafında çalışır ve API çağrıları yapabilir. Bu, her dinamik sayfa için benzersiz metadata oluşturmayı sağlar ve detay sayfası SEO'su için gereklidir.

Question 3

Next.js, iç içe geçmiş layouts ve pages arasında metadata birleştirmeyi nasıl yönetir?

Accepted Answer

Next.js, metadata'yı üst layouts'tan alt pages'e otomatik olarak birleştirir ve page'e en yakın değerlere öncelik verir. Alanlar ezilir (title, description) ancak `openGraph.images` ve `twitter.images` array olarak birleştirilir. Bu kaskad, kök seviyesinde varsayılan metadata tanımlamayı ve page seviyesinde geçersiz kılmayı sağlar.

Next.js Metadata & SEO

Next.js App Router'da metadata tanımlamak için önerilen yöntem nedir?

Cevap

Next.js'te route parametrelerine dayalı dinamik metadata nasıl oluşturulur?

Cevap

Next.js, iç içe geçmiş layouts ve pages arasında metadata birleştirmeyi nasıl yönetir?

Cevap

Next.js metadata'da `title.template` kullanmanın faydası nedir?

Next.js App Router'da favicon tanımlamak için önerilen yöntem nedir?

Diğer React / Next.js mülakat konuları

JavaScript Temelleri

React Temelleri

React Hooks

Bileşen yaşam döngüsü

React Router

Context ile state yönetimi

Formlar ve Controlled Components

Veri Çekme ve API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Temelleri

React ile TypeScript

Next.js Veri Çekme

Next.js Server Actions

Next.js Routing ve Navigasyon

Next.js API Routes

Next.js Middleware ve Auth

React Testing

Zustand State Management

React Performans Optimizasyonu

Error Boundaries & Error Handling

Advanced React Patterns

Next.js Gelişmiş Özellikler

Next.js Dağıtım & Üretim

Architecture & Design Patterns

React Server Components

Next.js Uluslararasılaştırma

React Güvenlik & En İyi Uygulamalar

Bir sonraki mülakatın için React / Next.js'de uzmanlaş