я так понял что роутинг по дефолту тупо по имени страниц

если динамик роутер подключить то для каждого роута можно компонент указать?

ройтинг пейджей

ты не до конца разобрался с ререндами

и не до конца понял как работает роутинг в нексте

сейчас еще почитаю)

те "страница" - это абстракция в нексте? у меня без стора один и тот же компонент перестраивается при переходе на другую страницу

некст тут не причем)) перестраивается это что значит?

const Nav = () => {
 React.useEffect(() => {
   console.log("NAV MOUNTED");
 }, []);
 return (<></>)
}

хотя страница перегружается полностью при переходе даже...

если у тебя она перезагружается, то это уже не спа приложение, а обычный сайт)) видимо ты вместо Link юзаешь тег A

а понятно) спасибо!

По поводу Layout'а, а что, так делать вариант, когда у тебя больше 1 Layout не модно? https://github.com/zeit/next.js/tree/canary/examples/with-dynamic-app-layout

Можно, но это какой-то манки-патчинг

ну оно гибкое и не ререндерит. У меня даже контекст в нутри layout'а не ломался, если две страницы имели одинаковый Layout. И условий минимум.

Плюсую)))

Это странно, что компонент знает о своем родителе через свойство объекта

это можно юзать, но это какой-то escape hatch

Такой подход можно юзать, но нарушает пару принципов.

Как по мне либо класть layout в рендер каждого компонента, либо так, когда нужна динамика. Просто да, в этот example такой вот бонус вышел с тем что стейт layout'а локальный (если он нужен) не дохнет при переходе между разными страницами с одинаковым layout'ом.
В случае с Page1Component = () => <Layout> Content... </Layout> такого бонуса нет. У меня например даже скролл у меню слетал вверх, хотя скролл самой страницы оставался на месте при редиректах.
В случае с условиями в самом app.js или в каком-то общем layout'е ты городишь условия + у тебя скорее всего подгрузится код всех layout'ов