qwikcn

️该项目正处于实验阶段。如果您喜欢这个项目，欢迎在 Discord 上与我们一起闲逛！

qwikcn

就像 shadcn/ui 但适用于 Qwik。的一部分？堆。

该组件的目标图书馆该系列的目的是为 Qwik 应用程序提供第一套完整的、可用于生产的可重用组件，并具有复制/粘贴功能，以实现最大程度的可定制性。

️这不是 100% 的端口。使用 Qwik 意味着qwikcn必须使用 Qwik 兼容的无头库（hi qwik-ui 和模块化形式），与 shadcn 的无头库（例如 radix/ui 或 react-hook-form）相比，它们的 API 可能略有不同。因此，兼容性将尽最大努力设置，但我将保持基本设计系统尽可能接近。您可以期待 90% 的平价。

️在底层， qwikcn使用 qwik-ui 的无头组件、qwikify$ed shadcn 组件和 html 元素的组合。 qwik-ui 中还没有很多可用于生产的组件，因此qwikcn将在它们准备好生产时采用它们。在那之前，最复杂、不常用的 shadcn 无头组件将被 qwikify$ed，尽管这会降低性能；那些可能被大量重用的元素将被用作 html 元素，尽管这可能意味着可访问性较低。

贡献

请阅读贡献指南。

执照

根据 MIT 许可证获得许可。

静态站点生成器 (Node.js)

pnpm build.server

维塞尔边缘

此入门站点配置为部署到 Vercel Edge Functions，这意味着它将在靠近用户的边缘位置呈现。

安装

适配器会在adapters/目录下添加一个新的vite.config.ts ，并且会创建一个新的入口文件，如：

 └── 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 帐户才能完成此步骤！

生产部署

该项目已准备好部署到 Vercel。但是，您需要创建一个 git 存储库并将代码推送到其中。

您可以通过 Git 提供程序集成或 Vercel CLI 将站点部署到 Vercel。