Ivan Ivanovich, я думаю лучше сразу смотреть про single page application и готовые фреймворки, самому писать это будет сложно и дооолго (и я откровенно не уверен, как) ¯\_(ツ)_/¯
Ivan Ivanovich,
в общем здесь history.pushState я в первом параметре сохраняю адрес куда ведет линк, и потом по событию window.onpopstate (кнопка back браузера) оттуда достаю предыдущий адрес, и просто отображаю див с контентом (div data-route="/link")
а вообще фидл работает, кнопки назад-вперед работают, НО не меняется урл, если скопируешь себе на комп в файлики и запустишь, то в адресной строке тоже будет меняться
так как вопрос решился, просто не юзать этот компонент?
у меня вообще от next.js сложилось впечатление, что он хорош только на бумаге и в документации, делал на нем мини-проект и замаялся с этими всеми подводными камнями
причем даже если бы этот компонент работал, то наверняка useRouter() бы отрабатывал только "в браузере", то есть в server-side rendered коде там было бы пустое место ¯\_(ツ)_/¯
Dubrovin, но а почему "чёрный прямоугольник 300x800 - это картинка cover"? она же обрезается по размерам внешнего дива и не рендерится где-то там снаружи
If the proportions of the image differ from the element, it is cropped either vertically or horizontally so that no empty space remains.
