javascript / intermediate
Snippet
Parallele Routen für Multi-Slot-Dashboards
Parallele Routen ermöglichen das gleichzeitige Rendern mehrerer Seiten im selben Layout mithilfe von '@slots'. Dies ist ideal für Dashboards, in denen verschiedene Bereiche (wie Analytics oder Team-Einstellungen) unabhängige Navigation oder Ladezustände benötigen.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
export default function Layout({children,analytics,team}) {return (<div className="dashboard"><header>Dashboard</header><main>{children}</main><section className="slots"><aside>{analytics}</aside><aside>{team}</aside></section></div>);}
nextjs
Erklärung
1
analytics, team
Dies sind 'Slots', die durch Ordner namens @analytics und @team im Dateisystem definiert werden.
2
children
Der implizite Slot für den Hauptinhalt der Seite.