Делаю проект в Next.js 13 с использованием App Router. Сделала страницу каталога уроков (cats), которая имеет динамически меняющиеся подкаталоги. Структура папок получилась такая
Мне нужно сделать страницу каталога материалов с такой же структурой , с теми же компонентами, но которая будет другой, независимой, страницей и будет брать данные из другого api.
Например, вот страница каталога уроков:
А вот страница каталога материалов
Начала делать точную копию папок, но думаю, что копирование кода - не самое лучшее решение.
Т.е. нужны две независимые страницы с независимыми api, но совершенно одинаковые по структуре папок, по коду на страницах, по используемым компонентам и по стилям.
Подскажите, пожалуйста, как лучше это сделать ?