попробуй в codesandbox воспроизвести

[id] как папка

дальше создаешь вложеность, не должно быть проблем

вот такая сейчас структура

т.е. вот так [id]/index.tsx

индекс будет по умолчанию

понял, сейчас попробую

Все гуд работает, спасибо)

Если в футер в _app, нужно две разные ссылки, в футере useRoute и смотреть текущий роут, если это хоумпейдж, то простая ссылка ‘a’ href=#about, если не хоум тот как на скрине выше через линк. Или блок эбаут есть на каждой странице?

Сделала вот так. Отлавливаю при клике hash и если это якорная ссылка то делаю push  в роут . Работает хорошо , и надеюсь это норм решение🤷🏻‍♀️

И да, блок ебаут есть на каждой странице

ну тогда просто <a href=“#about”>About us</a>

тут же не нужен Link

если эбаут на каждой странице то это просто якорь на этот блок

Тупнула, ссылка на ебаут есть на каждой странице в футере а блок только на одной, главной😂

в футере

const {route} = useRouter()

в разметке футера

route === home ? <a href=“#about”>About us</a> : <Link href=“/#home”><a>About Us</a><Link>

Спасибо. Сейчас сделаю👍

Привет всем. На сайте есть вложенность:
site.ru/
   services/
        /servicename1
        /servicename2
             /pageserviceinfo1
             /pageserviceinfo2
        /pageserviceinfo3
        /pageserviceinfo4
Шаблон для service и servicename[id] один и тот же. Для pageserviceinfo - другой. Вопрос Как при такой структуре построить роутинг?
Сейчас у меня
/pages/
   service/
        index.js
       [...id].js
В файле [...id.js] я проверяю является ли устуга корневой или нет и в зависомти от этого условия рендерю тот или иной шаблон. Это правильно? Есть др варианты?

При переходе на предыдущую страницу текущая скролиться на то место, где была предыдущая, как фиксить?

Воспроизвести в codesandbox для начала