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。