qwikcn

️このプロジェクトは実験段階にあります。このプロジェクトが気に入ったら、ぜひ Discord で一緒に遊んでください!

qwikcn

shadcn/ui と同様ですが、Qwik 用です。 ?の一部です。スタック。

このコンポーネントの目標図書館このコレクションには、最大限のカスタマイズ性を実現するコピー/ペースト機能を備えた、Qwik アプリケーション用の再利用可能なコンポーネントの完全な実稼働準備が整った最初のセットが含まれています。

️これは 100% 移植ではありません。 Qwik 上にあるということは、 qwikcn Qwik と互換性のあるヘッドレス ライブラリ (qwik-ui および modular-forms など) を使用する必要があることを意味します。このライブラリには、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 にデプロイできます。