Next.js · Junior · Pytanie 4 z 75
Czym layout.tsx różni się od page.tsx?
- ✓Poprawna odpowiedź: Layout opakowuje strony i zachowuje stan podczas nawigacji
- 2Layout renderuje się tylko na serwerze, a strona tylko w przeglądarce
- 3Layout służy tylko do metadanych; nie można w nim pisać markupu
Wyjaśnienie
Layout dostaje children i zawiera UI wspólny dla zagnieżdżonych tras (nagłówek, sidebar). Przy przejściach między stronami potomnymi layout nie montuje się ponownie: jego stan i DOM są zachowane, a renderuje się tylko zmieniona część. Zarówno layout, jak i strona to domyślnie Server Components.