Next.js Uluslararasılaştırma
next-intl, locale routing, çeviriler, tarih/saat biçimlendirme, RTL desteği, dinamik locale değiştirme
1Next.js uygulamasında next-intl ile middleware.ts dosyasının temel rolü nedir?
Next.js uygulamasında next-intl ile middleware.ts dosyasının temel rolü nedir?
Cevap
next-intl middleware, kullanıcının locale'ini otomatik olarak algılar (Accept-Language başlığı, cookie'ler veya URL aracılığıyla) ve locale önekiyle uygun URL'ye yönlendirir. Her istekten önce çalışır ve bileşenlerde ek kod olmadan locale müzakeresini yönetir. Next.js App Router'da i18n routing'i etkinleştirmek için gerekli giriş noktasıdır.
2next-intl'de optimal proje yapısı için çeviri dosyaları nereye yerleştirilmelidir?
next-intl'de optimal proje yapısı için çeviri dosyaları nereye yerleştirilmelidir?
Cevap
Çeviri dosyaları proje kökünde messages/[locale].json'a yerleştirilir (örn: messages/fr.json, messages/en.json). Bu kural çeviri keşfini kolaylaştırır ve next-intl'in i18n yapılandırması aracılığıyla otomatik olarak yüklemesine izin verir. Bazı projeler daha iyi organizasyon için namespace başına ayrı dosyalarla messages/[locale]/ de kullanır.
3next-intl'de useTranslations ve getTranslations arasındaki temel fark nedir?
next-intl'de useTranslations ve getTranslations arasındaki temel fark nedir?
Cevap
useTranslations, Client Components için senkron bir React hook'uyken, getTranslations, Server Components için async bir fonksiyondur. getTranslations, JavaScript istemciye gönderilmeden sunucu tarafında çevirilerin alınmasını sağlayarak performansı artırır. useTranslations, use client yönergesini gerektiren etkileşimli bileşenler için gereklidir.
next-intl'de desteklenen locale'ler nasıl yapılandırılır?
next-intl çevirisinde değişken kullanmanın sözdizimi nedir?
+17 mülakat soruları
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 Metadata & SEO
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
React Güvenlik & En İyi Uygulamalar
Bir sonraki mülakatın için React / Next.js'de uzmanlaş
Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.
Ücretsiz başla