qwikcn

️ هذا المشروع في مرحلة تجريبية. لا تتردد في قضاء الوقت معنا على Discord إذا أعجبك المشروع!

qwikcn

تمامًا مثل shadcn/ui ولكن لـ Qwik. جزء من ؟ كومة.

الهدف من هذا المكون مكتبة تهدف المجموعة إلى الحصول على أول مجموعة كاملة وجاهزة للإنتاج من المكونات القابلة لإعادة الاستخدام لتطبيقات Qwik مع إمكانية النسخ/اللصق على غرار shadcn لتحقيق أقصى قدر من التخصيص.

️ هذا ليس منفذ 100%. يعني التواجد على Qwik أن qwikcn يجب أن يستخدم مكتبات مقطوعة الرأس متوافقة مع Qwik (hi qwik-ui & modular-forms) والتي يمكن أن تحتوي على واجهة برمجة تطبيقات مختلفة قليلاً مقارنة بمكتبات shadcn مقطوعة الرأس (مثل radix/ui أو React-hook-form). ونتيجة لذلك، سيتم تحديد التوافق على أساس أفضل الجهود، ولكنني سأبقي نظام التصميم الأساسي قريبًا قدر الإمكان. يمكنك أن تتوقع تكافؤًا بنسبة 90٪.

️ تحت الغطاء، يستخدم qwikcn مزيجًا من مكونات qwik-ui مقطوعة الرأس، ومكونات qwikify$ed shadcn، وعناصر html. لا يوجد الكثير من المكونات الجاهزة للإنتاج حتى الآن في qwik-ui، لذلك ستعتمدها qwikcn عندما تصبح جاهزة للإنتاج. حتى ذلك الحين، سيتم qwikify$ed أكثر المكونات المعقدة وغير المستخدمة غالبًا بدون رأس 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 لإكمال هذه الخطوة!

نشر الإنتاج

المشروع جاهز للنشر في Vercel. ومع ذلك، ستحتاج إلى إنشاء مستودع git ودفع الكود إليه.

يمكنك نشر موقعك على Vercel إما عبر تكامل موفر Git أو من خلال Vercel CLI.