Предупреждение
Этот репо больше не проходит, так как CLI Shadcn теперь поддерживает Monorepos, спасибо за использование шаблона.
Это стартер Turborepo с предварительным конфигурацией Shadcn/UI.
Примечание
В этом примере используется pnpm в качестве диспетчера пакетов.
версия NPM версия булочка
Клонировать репозиторий:
git clone https://github.com/dan5py/turborepo-shadcn-ui.gitУстановить зависимости:
cd turborepo-shadcn-ui
pnpm installИспользуйте готовый скрипт:
pnpm ui add < component-name >Это работает так же, как CLI
shadcn/ui.
Turborepo предлагает простую команду, чтобы добавить новое приложение:
pnpm turbo gen workspace --name < app-name > Это создаст новое пустое приложение в каталоге apps .
Если вы хотите, вы можете скопировать существующее приложение с помощью:
pnpm turbo gen workspace --name < app-name > --copyПримечание
Не забудьте запустить pnpm install после копирования приложения.
Этот турборепо включает в себя следующие пакеты/приложения:
docs : приложение Next.js@repo/ui : библиотека компонентов React React (питание от Shadcn/UI )@repo/eslint-config : eslint Configurations (включает в себя eslint-config-next и eslint-config-prettier )@repo/typescript-config : tsconfig.json s, используемый по всему монорепоКаждый пакет/приложение составляет 100% TypeScript.
В этом турборепо уже есть несколько дополнительных инструментов для вас:
Чтобы создать все приложения и пакеты, запустите следующую команду:
cd turborepo-shadcn-ui
pnpm buildДля разработки всех приложений и пакетов запустите следующую команду:
cd turborepo-shadcn-ui
pnpm devTurborepo может использовать технику, известную как удаленное кэширование для обмена артефактами кеша на между машинами, что позволяет вам поделиться кэшами сборки с вашей командой и конвейерами CI/CD.
По умолчанию Turborepo будет кэшировать локально. Чтобы включить удаленное кэширование, вам понадобится учетная запись в Vercel. Если у вас нет учетной записи, вы можете создать ее, введите следующие команды:
cd turborepo-shadcn-ui
npx turbo login
Это будет аутентифицировать CLI Turborepo с помощью вашей учетной записи Vercel.
Далее вы можете связать свой турборепо с удаленным кэшем, выполнив следующую команду из корня вашего турборепо:
npx turbo linkУзнайте больше о силе турборепо:
Узнайте больше о Shadcn/UI: