Next.js Folder Zen: Padroneggiare la Directory app/

Se hai iniziato da poco a usare Next.js 13+, probabilmente hai aperto un progetto e hai pensato: “Perché questa struttura di cartelle sembra così... diversa?” Con l’App Router, la directory app/ è diventata il cuore di ogni progetto Next.js moderno. Ma per molti sviluppatori—soprattutto quelli che arrivano dal vecchio pages/ router—la struttura delle cartelle può risultare inizialmente confusa. Sistemiamo le cose. TL;DR La directory app/ di Next.js introduce un’architettura basata su file che controlla routing, layout e comportamento del rendering. File speciali come page.tsx, layout.tsx, loading.tsx, error.tsx e not-found.tsx definiscono come si comportano le route. Una struttura pulita con route groups e dynamic routes rende le app Next.js scalabili e manutenibili. Table of Contents Perché la directory app/ è importante Il concetto base: File-Based Routing I file essenziali dentro app/ Layouts: l’arma segreta Loading ed Error States Error Boundaries: una limitazione importante Gestir