Question 1

Wat is de hoofdrol van het middleware.ts-bestand in een Next.js-applicatie met next-intl?

Accepted Answer

De next-intl-middleware detecteert automatisch de locale van de gebruiker (via Accept-Language-header, cookies of URL) en stuurt door naar de juiste URL met het locale-voorvoegsel. Het wordt uitgevoerd voor elk verzoek en behandelt locale-onderhandeling zonder extra code in componenten. Het is het vereiste toegangspunt om i18n-routing in Next.js App Router in te schakelen.

Question 2

Waar moeten vertaalbestanden in next-intl worden geplaatst voor een optimale projectstructuur?

Accepted Answer

Vertaalbestanden worden geplaatst in messages/[locale].json in de projectroot (bijv. messages/fr.json, messages/en.json). Deze conventie vergemakkelijkt het vinden van vertalingen en stelt next-intl in staat ze automatisch te laden via de i18n-configuratie. Sommige projecten gebruiken ook messages/[locale]/ met aparte bestanden per namespace voor betere organisatie.

Question 3

Wat is het hoofdverschil tussen useTranslations en getTranslations in next-intl?

Accepted Answer

useTranslations is een synchrone React-hook voor Client Components, terwijl getTranslations een async-functie is voor Server Components. getTranslations maakt het mogelijk vertalingen server-side op te halen zonder JavaScript naar de client te sturen, wat de prestaties verbetert. useTranslations is nodig voor interactieve componenten die de use client-instructie vereisen.

Next.js Internationalisering

Wat is de hoofdrol van het middleware.ts-bestand in een Next.js-applicatie met next-intl?

Antwoord

Waar moeten vertaalbestanden in next-intl worden geplaatst voor een optimale projectstructuur?

Antwoord

Wat is het hoofdverschil tussen useTranslations en getTranslations in next-intl?

Antwoord

Hoe ondersteunde locales configureren in next-intl?

Wat is de syntax voor het gebruik van variabelen in een next-intl-vertaling?

Andere React / Next.js-sollicitatieonderwerpen

JavaScript-basisbegrippen

React-basisbegrippen

React Hooks

Componentlevenscyclus

React Router

Statusbeheer met Context

Formulieren & Controlled Components

Gegevens ophalen & API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Fundamentals

TypeScript met React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigatie in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testen

Zustand State Management

React Performance-optimalisatie

Error Boundaries & Error Handling

Advanced React Patterns

Geavanceerde Next.js-functies

Next.js Deployment & Productie

Architecture & Design Patterns

React Server Components

React Beveiliging & Best Practices

Beheers React / Next.js voor je volgende gesprek