Middleware e Auth in Next.js
Middleware, NextAuth.js, JWT, gestione delle sessioni, rotte protette, RBAC
1Cos'è un middleware in Next.js?
Cos'è un middleware in Next.js?
Risposta
Il middleware di Next.js è codice che viene eseguito prima che una richiesta venga elaborata, consentendo di modificare la risposta, reindirizzare, aggiungere headers o bloccare l'accesso. Viene eseguito sull'Edge Runtime per prestazioni ottimali. Viene tipicamente utilizzato per l'autenticazione, la geolocalizzazione o il logging.
2Dove posizionare il file middleware in un progetto Next.js con App Router?
Dove posizionare il file middleware in un progetto Next.js con App Router?
Risposta
Il file middleware.ts (o .js) deve essere posizionato nella radice del progetto, allo stesso livello della cartella app. Next.js rileva automaticamente questo file e lo esegue per tutte le rotte. In alternativa, può essere posizionato nella cartella src se il progetto utilizza questa struttura.
3Come definire le rotte sulle quali il middleware viene eseguito?
Come definire le rotte sulle quali il middleware viene eseguito?
Risposta
L'utilizzo della configurazione matcher nel middleware consente di specificare le rotte interessate tramite pattern di percorsi. Per impostazione predefinita, il middleware viene eseguito su tutte le rotte tranne i file statici. Il matcher supporta wildcards e regex per un controllo preciso delle rotte di destinazione.
Qual è il vantaggio principale dell'utilizzo di NextAuth.js per l'autenticazione?
Come proteggere una rotta con il middleware di Next.js?
+19 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
React Hooks
Ciclo di vita dei componenti
React Router
Gestione dello state con Context
Form e Controlled Components
Recupero dati e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentali di Next.js
TypeScript con React
Data Fetching in Next.js
Server Actions di Next.js
Routing e Navigazione in Next.js
API Routes di Next.js
Metadata & SEO in Next.js
Testing React
Zustand State Management
Ottimizzazione delle Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Funzionalità avanzate di Next.js
Deploy e Produzione con Next.js
Architecture & Design Patterns
React Server Components
Internazionalizzazione di Next.js
React Sicurezza & Best Practices
Padroneggia React / Next.js per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis