Parallel Routes

Définition

Fonctionnalité Next.js App Router qui permet de rendre plusieurs pages simultanément dans le même layout via des slots nommes (@slot).

Analogie

Comme un écran divise en deux sur ta TV : tu regardes deux chaînés en même temps dans le même cadre.

Exemple de code

// app/layout.tsx
export default function Layout({ children, analytics, team }) {
  return (
    <div>
      {children}
      {analytics} {/* @analytics/page.tsx */}
      {team}       {/* @team/page.tsx */}
    </div>
  );
}

Cas d'usage

Dashboards avec plusieurs panneaux indépendants, modales comme routes, vues conditionnelles.

Termes liés