qwikcn

️ Этот проект находится на экспериментальной стадии. Если вам нравится проект, присоединяйтесь к нам в Discord!

qwikcn

Точно так же, как shadcn/ui, но для Qwik. Часть? куча.

Цель этого компонента библиотека Коллекция должна иметь первый полный, готовый к производству набор повторно используемых компонентов для приложений Qwik с возможностью копирования и вставки в стиле Shadcn для максимальной настраиваемости.

️ Это не 100% порт. Нахождение в Qwik означает, что qwikcn должен использовать Qwik-совместимые безголовые библиотеки (привет qwik-ui и модульные формы), которые могут иметь немного другой API по сравнению с безголовыми библиотеками shadcn (такими как radix/ui или response-hook-form). Как следствие, совместимость будет установлена ​​в максимально возможном порядке, но я постараюсь сохранить базовую систему дизайна как можно ближе. Вы можете рассчитывать на паритет 90%.

️ Внутри qwikcn используется комбинация безголовых компонентов qwik-ui, компонентов shadcn qwikify$ed и элементов html. В qwik-ui пока не так много готовых к производству компонентов, поэтому qwikcn будет использовать их по мере подготовки к производству. До тех пор самые сложные и нечасто используемые безголовые компоненты Shadcn будут быстро обновляться, даже если это может снизить производительность; а те, которые, скорее всего, будут часто использоваться повторно, будут отображаться как элементы HTML, даже если это может означать меньшую доступность.

Содействие

Пожалуйста, прочтите руководство по участию.

Лицензия

Лицензировано по лицензии MIT.

Генератор статического сайта (Node.js)

pnpm build.server

Версель Эдж

Этот начальный сайт настроен для развертывания в Vercel Edge Functions, что означает, что он будет отображаться в периферийном расположении рядом с вашими пользователями.

Установка

Адаптер добавит новый файл vite.config.ts в каталог adapters/ и создаст новый файл записи, например:

 └── adapters/
    └── vercel-edge/
        └── vite.config.ts
└── src/
    └── entry.vercel-edge.tsx

Кроме того, в package.json скрипт build.server будет обновлен сборкой Vercel Edge.

Производственная сборка

Чтобы собрать приложение для производства, используйте команду build . Эта команда автоматически запустит pnpm build.server и pnpm build.client :

pnpm build

Полное руководство читайте здесь

Развертывание разработки

Чтобы развернуть приложение для разработки:

pnpm deploy

Обратите внимание: для выполнения этого шага вам может понадобиться учетная запись Vercel!

Развертывание производства

Проект готов к развертыванию в Верселе. Однако вам нужно будет создать репозиторий git и отправить в него код.

Вы можете развернуть свой сайт в Vercel либо через интеграцию с поставщиком Git, либо через интерфейс командной строки Vercel.