Требуется мнение эксперта для совместного использования кода между двумя проектами Next.js

Question

В настоящее время наш основной домен www.example.com разработан с использованием Angular 4, где у нас огромные проблемы с производительностью и SEO. Используя Next.js, мы разработали m.example.com для мобильных пользователей, и недавно мы успешно начали работу. Теперь мы хотим перенести наш основной домен www.example.com на Next.js, где на данный момент 100% код будет таким же в отношении потребления API. Только дизайн будет изменен, чтобы адаптироваться к настольным пользователям. В будущем мы можем представить специальные функции для мобильных устройств и настольных компьютеров, поэтому, как только мы закончим миграцию, мы захотим иметь два независимых развертываемых проекта.

Не могли бы вы сообщить мне, как лучше всего решить эту проблему и в то же время добиться следующего? 1. Повторное использование кода между двумя проектами Next.js 2. Общие компоненты между двумя проектами Next.js

Answer 1

нет ничего особенного, связанного с Next.js, вы все еще можете поделиться только компонентами React. Я бы порекомендовал положить все в монорепо . Создайте пакет npm, который содержит все ваши компоненты и использует их в ваших проектах Next.js.

Вы окажетесь в структуре проекта, подобной этой:

packages/myapp-legacy
packages/myapp-mobile
packages/myapp-desktop
packages/ui-components
package.json

С такими инструментами, как lerna , вы можете управлять несколькими пакетами в своем монорепо. Лучше всего использовать yarn с lerna, потому что lerna поддерживает функцию рабочего пространства пряжи.