Question 1

Cos'è l'App Router in Next.js?

Accepted Answer

L'App Router è il nuovo sistema di routing di Next.js 13+ basato sulla directory app/. Sostituisce il Pages Router e introduce i Server Components di default, layout condivisi e un modello di routing più flessibile con convenzioni di file come page.tsx, layout.tsx e loading.tsx.

Question 2

Come creare un route /about nell'App Router?

Accepted Answer

Nell'App Router, ogni cartella rappresenta un segmento di route. Per creare /about, bisogna creare app/about/page.tsx. Il file page.tsx è obbligatorio per rendere una route pubblicamente accessibile. Senza questo file, la cartella sarà solo un segmento di percorso senza pagina visualizzata.

Question 3

Qual è il comportamento predefinito dei componenti nell'App Router?

Accepted Answer

Nell'App Router, tutti i componenti sono Server Components di default. Vengono eseguiti solo sul server e non inviano JavaScript al client, migliorando le prestazioni. Per usare funzionalità client (hook, eventi), bisogna aggiungere la direttiva 'use client' all'inizio del file.

Fondamentali di Next.js

Cos'è l'App Router in Next.js?

Risposta

Come creare un route /about nell'App Router?

Risposta

Qual è il comportamento predefinito dei componenti nell'App Router?

Risposta

Come creare un route dinamico /posts/[id] nell'App Router?

A cosa serve il file layout.tsx nell'App Router?

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

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

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