Next.js · Junior · Frage 4 von 75
Wie unterscheidet sich layout.tsx von page.tsx?
- 1Ein Layout ist nur für Metadaten; Markup darf man darin nicht schreiben
- 2Ein Layout rendert nur auf dem Server, eine Seite nur im Browser
- 3Ein Layout umhüllt Seiten und behält beim Navigieren seinen Zustand
Antwort zeigen
Richtige Antwort: Ein Layout umhüllt Seiten und behält beim Navigieren seinen Zustand
Erklärung
Ein Layout bekommt children und enthält UI, die verschachtelte Routen teilen (Header, Seitenleiste). Beim Wechsel zwischen Kindseiten wird das Layout nicht neu gemountet: Zustand und DOM bleiben erhalten, nur der geänderte Teil wird gerendert. Layout und Page sind standardmäßig Server Components.