Parallel Routes

Definition

Fonctionnalite Next.js App Router qui permet de rendre plusieurs pages simultanement dans le meme layout via des slots nommes (@slot).

Analogie

Comme un ecran divise en deux sur ta TV : tu regardes deux chaines en meme temps dans le meme 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 independants, modales comme routes, vues conditionnelles.

Termes lies