Internacjonalizacja Next.js
next-intl, locale routing, tłumaczenia, formatowanie daty/czasu, obsługa RTL, dynamiczne przełączanie locale
1Jaka jest główna rola pliku middleware.ts w aplikacji Next.js z next-intl?
Jaka jest główna rola pliku middleware.ts w aplikacji Next.js z next-intl?
Odpowiedź
Middleware next-intl automatycznie wykrywa locale użytkownika (za pomocą nagłówka Accept-Language, cookies lub URL) i przekierowuje do odpowiedniego URL z prefiksem locale. Działa przed każdym żądaniem i obsługuje negocjację locale bez dodatkowego kodu w komponentach. Jest to wymagany punkt wejścia do włączenia routingu i18n w Next.js App Router.
2W next-intl, gdzie należy umieszczać pliki tłumaczeń dla optymalnej struktury projektu?
W next-intl, gdzie należy umieszczać pliki tłumaczeń dla optymalnej struktury projektu?
Odpowiedź
Pliki tłumaczeń są umieszczane w messages/[locale].json w katalogu głównym projektu (np. messages/fr.json, messages/en.json). Ta konwencja ułatwia odkrywanie tłumaczeń i pozwala next-intl na automatyczne ładowanie ich poprzez konfigurację i18n. Niektóre projekty używają również messages/[locale]/ z oddzielnymi plikami na namespace dla lepszej organizacji.
3Jaka jest główna różnica między useTranslations a getTranslations w next-intl?
Jaka jest główna różnica między useTranslations a getTranslations w next-intl?
Odpowiedź
useTranslations to synchroniczny hook React dla Client Components, natomiast getTranslations to async funkcja dla Server Components. getTranslations pozwala pobierać tłumaczenia po stronie serwera bez wysyłania JavaScript do klienta, co poprawia wydajność. useTranslations jest niezbędny dla interaktywnych komponentów wymagających dyrektywy use client.
Jak skonfigurować obsługiwane locale w next-intl?
Jaka jest składnia używania zmiennych w tłumaczeniach next-intl?
+17 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Styling & CSS-in-JS
Podstawy Next.js
TypeScript z React
Pobieranie danych w Next.js
Server Actions w Next.js
Routing i Nawigacja w Next.js
API Routes w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
React Server Components
React Bezpieczeństwo & Najlepsze Praktyki
Opanuj React / Next.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo