Next.js App Router

Definition

Systeme de routage Next.js base sur le filesystem avec Server Components par defaut, layouts imbriques, et conventions de fichiers (page, layout, loading, error).

Analogie

Comme un immeuble ou chaque dossier est un etage et chaque fichier est une piece avec un role precis.

Exemple de code

// app/users/[id]/page.tsx
export default async function UserPage({ params }) {
  const { id } = await params;
  const user = await getUser(id);
  return <h1>{user.name}</h1>;
}
// app/users/[id]/loading.tsx -> Suspense automatique
// app/users/[id]/error.tsx -> Error Boundary auto

Cas d'usage

Applications React full-stack avec SSR, RSC, routing et API integres.

Termes lies