API Routes di Next.js
Route Handlers, richieste GET/POST, middleware, CORS, autenticazione, gestione degli errori
1Cos'è un Route Handler in Next.js 13+ con l'App Router?
Cos'è un Route Handler in Next.js 13+ con l'App Router?
Risposta
Un Route Handler è una funzione server in un file route.ts (o route.js) che consente di creare endpoint API personalizzati. A differenza delle API Routes del Pages Router (cartella pages/api), i Route Handlers si trovano nella cartella app/ e supportano Web Standard Request/Response. Gestiscono le richieste HTTP (GET, POST, PUT, DELETE, ecc.) lato server.
2Come creare un Route Handler per gestire una richiesta GET?
Come creare un Route Handler per gestire una richiesta GET?
Risposta
Per gestire una richiesta GET, bisogna esportare una funzione async chiamata GET in un file route.ts. Questa funzione riceve un oggetto Request e restituisce una Response usando NextResponse.json(). Next.js mappa automaticamente la funzione GET esportata alle richieste HTTP GET su quella route. Gli altri metodi HTTP (POST, PUT, DELETE, PATCH) seguono lo stesso pattern con i rispettivi nomi.
3Qual è la differenza tra NextResponse e Response standard?
Qual è la differenza tra NextResponse e Response standard?
Risposta
NextResponse estende la classe Response standard del Web con funzionalità specifiche di Next.js. Offre metodi pratici come NextResponse.json() per la serializzazione automatica, NextResponse.redirect() per i reindirizzamenti, e semplifica la manipolazione di cookie e header. Sebbene il Response standard funzioni, NextResponse è consigliato perché semplifica il codice e offre una migliore integrazione con l'ecosistema Next.js.
Come recuperare i parametri di ricerca (query params) in un Route Handler?
Come gestire una richiesta POST e recuperare il body JSON?
+17 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
Metadata & SEO in Next.js
Middleware e Auth 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