# Internazionalizzazione di Next.js (React / Next.js)

> next-intl, locale routing, traduzioni, formattazione data/ora, supporto RTL, cambio locale dinamico

- 20 domande da colloquio
- Senior
- [Domande da colloquio: React / Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio.md)

## 1. Qual è il ruolo principale del file middleware.ts in un'applicazione Next.js con next-intl?

**Risposta**

Il middleware next-intl rileva automaticamente il locale dell'utente (tramite intestazione Accept-Language, cookie o URL) e reindirizza all'URL appropriato con il prefisso locale. Viene eseguito prima di ogni richiesta e gestisce la negoziazione del locale senza codice aggiuntivo nei componenti. È il punto di ingresso obbligatorio per abilitare il routing i18n in Next.js App Router.

## 2. In next-intl, dove dovrebbero essere posizionati i file di traduzione per una struttura di progetto ottimale?

**Risposta**

I file di traduzione vengono posizionati in messages/[locale].json nella radice del progetto (es: messages/fr.json, messages/en.json). Questa convenzione facilita il rilevamento delle traduzioni e consente a next-intl di caricarle automaticamente tramite la configurazione i18n. Alcuni progetti usano anche messages/[locale]/ con file separati per namespace per una migliore organizzazione.

## 3. Qual è la differenza principale tra useTranslations e getTranslations in next-intl?

**Risposta**

useTranslations è un hook React sincrono per i Client Components, mentre getTranslations è una funzione async per i Server Components. getTranslations consente di recuperare le traduzioni lato server senza inviare JavaScript al client, migliorando le prestazioni. useTranslations è necessario per i componenti interattivi che richiedono la direttiva use client.

## Altre 17 domande disponibili

- Come configurare i locale supportati in next-intl?
- Qual è la sintassi per usare variabili in una traduzione next-intl?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio React / Next.js

- [Fondamenti di JavaScript](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/javascript-essentials.md): 25 domande, Junior
- [Fondamenti di React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-fundamentals.md): 20 domande, Junior
- [React Hooks](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-hooks.md): 22 domande, Junior
- [Ciclo di vita dei componenti](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/component-lifecycle.md): 18 domande, Junior
- [React Router](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-router.md): 20 domande, Junior
- [Gestione dello state con Context](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/state-management-context.md): 18 domande, Junior
- [Form e Controlled Components](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/forms-controlled-components.md): 20 domande, Mid-Level
- [Recupero dati e API](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/fetching-data-api.md): 20 domande, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-query-tanstack.md): 20 domande, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/styling-css-in-js.md): 18 domande, Mid-Level
- [Fondamentali di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-fundamentals.md): 25 domande, Mid-Level
- [TypeScript con React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/typescript-react.md): 20 domande, Mid-Level
- [Data Fetching in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-data-fetching.md): 24 domande, Mid-Level
- [Server Actions di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-server-actions.md): 20 domande, Mid-Level
- [Routing e Navigazione in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-routing-navigation.md): 22 domande, Mid-Level
- [API Routes di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-api-routes.md): 20 domande, Mid-Level
- [Metadata & SEO in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-metadata-seo.md): 18 domande, Mid-Level
- [Middleware e Auth in Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-middleware-auth.md): 22 domande, Mid-Level
- [Testing React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-testing.md): 20 domande, Mid-Level
- [Zustand State Management](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/zustand-state-management.md): 18 domande, Mid-Level
- [Ottimizzazione delle Performance React](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-performance-optimization.md): 22 domande, Senior
- [Error Boundaries & Error Handling](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-error-boundaries.md): 18 domande, Senior
- [Advanced React Patterns](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/advanced-react-patterns.md): 20 domande, Senior
- [Funzionalità avanzate di Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-advanced-features.md): 24 domande, Senior
- [Deploy e Produzione con Next.js](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-deployment-production.md): 20 domande, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-architecture-patterns.md): 22 domande, Senior
- [React Server Components](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-server-components.md): 26 domande, Senior
- [React Sicurezza & Best Practices](https://sharpskill.dev/it/technologies/react-next/domande-colloquio/react-security-best-practices.md): 22 domande, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/it/technologies/react-next/domande-colloquio/nextjs-internationalization