Делаю проект в Next.js 13 с использованием App Router. Сделала страницу каталога уроков (cats), которая имеет динамически меняющиеся подкаталоги. Структура папок получилась такая

Мне нужно сделать страницу каталога материалов с такой же структурой , с теми же компонентами, но которая будет другой, независимой, страницей и будет брать данные из другого api.
Например, вот страница каталога уроков:

А вот страница каталога материалов

Начала делать точную копию папок, но думаю, что копирование кода - не самое лучшее решение.

Т.е. нужны две независимые страницы с независимыми api, но совершенно одинаковые по структуре папок, по коду на страницах, по используемым компонентам и по стилям.
Подскажите, пожалуйста, как лучше это сделать ?