Internasionalisasi Next.js
next-intl, locale routing, terjemahan, pemformatan tanggal/waktu, dukungan RTL, pergantian locale dinamis
1Apa peran utama file middleware.ts dalam aplikasi Next.js dengan next-intl?
Apa peran utama file middleware.ts dalam aplikasi Next.js dengan next-intl?
Jawaban
Middleware next-intl secara otomatis mendeteksi locale pengguna (via header Accept-Language, cookies, atau URL) dan mengarahkan ke URL yang sesuai dengan prefiks locale. Ini berjalan sebelum setiap permintaan dan menangani negosiasi locale tanpa kode tambahan di komponen. Ini adalah titik masuk yang diperlukan untuk mengaktifkan routing i18n di Next.js App Router.
2Di next-intl, di mana file terjemahan harus ditempatkan untuk struktur proyek yang optimal?
Di next-intl, di mana file terjemahan harus ditempatkan untuk struktur proyek yang optimal?
Jawaban
File terjemahan ditempatkan di messages/[locale].json di root proyek (contoh: messages/fr.json, messages/en.json). Konvensi ini memudahkan penemuan terjemahan dan memungkinkan next-intl memuatnya secara otomatis melalui konfigurasi i18n. Beberapa proyek juga menggunakan messages/[locale]/ dengan file terpisah per namespace untuk organisasi yang lebih baik.
3Apa perbedaan utama antara useTranslations dan getTranslations di next-intl?
Apa perbedaan utama antara useTranslations dan getTranslations di next-intl?
Jawaban
useTranslations adalah hook React sinkron untuk Client Components, sedangkan getTranslations adalah fungsi async untuk Server Components. getTranslations memungkinkan pengambilan terjemahan di sisi server tanpa mengirim JavaScript ke klien, meningkatkan performa. useTranslations diperlukan untuk komponen interaktif yang membutuhkan direktif use client.
Bagaimana cara mengkonfigurasi locale yang didukung di next-intl?
Apa sintaks untuk menggunakan variabel dalam terjemahan next-intl?
+17 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
Siklus hidup komponen
React Router
Manajemen state dengan Context
Form & Controlled Components
Pengambilan Data & API
React Query (TanStack Query)
Styling & CSS-in-JS
Dasar-dasar Next.js
TypeScript dengan React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigasi Next.js
API Routes Next.js
Metadata & SEO di Next.js
Middleware & Auth di Next.js
Pengujian React
Zustand State Management
Optimasi Performa React
Error Boundaries & Error Handling
Advanced React Patterns
Fitur Lanjutan Next.js
Deployment & Produksi Next.js
Architecture & Design Patterns
React Server Components
Keamanan React & Praktik Terbaik
Kuasai React / Next.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis