shadcn.io: أفضل مكان لاكتشاف blocks جديدة لـ shadcn/ui
المكوّنات تمنحك نقطة انطلاق، لكن الـ blocks هي ما يشحن صفحات كاملة بسرعة. إليك لماذا صار shadcn.io مكاننا المفضّل لاكتشاف blocks جديدة جاهزة للإنتاج لـ shadcn/ui.
Dov Azencot
@DovAzencotإذا كنت تبني باستخدام shadcn/ui، فأنت تعرف السحر مسبقًا: الكود ملكك. لا توجد تبعية غامضة تصارعها — تنسخ مكوّنًا إلى مشروعك، فيصبح ملكك تشكّله كيفما تشاء.
لكن المكوّنات هي القطع الصغيرة. زر، حقل إدخال، بطاقة. الاستنزاف الحقيقي للوقت هو تجميع هذه القطع في blocks — قسم تسعير، هيكل لوحة تحكم، شاشة مصادقة، شبكة ميزات. هناك يحدث معظم العمل (ومعظم النسخ واللصق من مشاريع قديمة).
هذه هي الفجوة التي يسدّها shadcn.io، ولهذا جعلناه وجهتنا المفضّلة.
ما هو shadcn.io؟
shadcn.io هو سجلّ ضخم ومتنامٍ باستمرار من blocks المبنية فوق shadcn/ui — أقسام كاملة ومركّبة يمكنك إسقاطها في صفحة وشحنها. ليست عناصر أوّلية، بل التخطيطات التي كنت ستقضي بعد ظهيرة كاملة في توصيلها بنفسك.
كل block يتبع الفلسفة نفسها التي يتبعها shadcn/ui: إنه كود صريح تملكه، منسَّق بـ Tailwind، دون قيود وقت تشغيل. تثبّته، فيصبح جزءًا من قاعدة الكود لديك.
لماذا هو أفضل مكان لاكتشاف blocks جديدة
هناك أمور قليلة تميّزه:
- الاتساع. أقسام تسويقية، لوحات تحكم، جداول، مسارات مصادقة، تسعير، شهادات — يغطّي الكتالوج الصفحات التي تحتاجها المنتجات الحقيقية فعلًا، لا مجرد حفنة من العروض التوضيحية.
- إنه حديث. تصل blocks جديدة بانتظام، فتبني بأنماط راهنة بدلًا من شيء لم يُمَسّ منذ عام.
- نسخ ولصق، لا تثبيت على أمل النجاح. لأن الـ blocks مركّبة من عناصر shadcn/ui الأوّلية، فإنها تُقرأ كأنها كود كتبته بنفسك — سهل التخصيص، سهل التنسيق بسمة.
- يتكامل بسلاسة مع السجلّ. تنساب الـ blocks داخل سير عمل shadcn نفسه الذي تستخدمه بالفعل، فلا شيء جديد لتتعلّمه.
كيف نستخدمه
سير عملنا بسيط: تبدأ صفحة من block على shadcn.io يقطع 80% من الطريق، ثم تطوّع الـ 20% المتبقية لتلائم العلامة التجارية. ولأن الكود ملكك، فإن هذه الـ 20% الأخيرة تافهة — تبدّل الـ tokens، تضبط التباعد، وانتهيت. هذا يحوّل «تصميم صفحة تسعير» من يوم إلى ساعة.
Neobrutalism ♥ shadcn.io
نحن فخورون بشراكتنا مع shadcn.io. إذا كنت تحب رؤية Neobrutalism النيوبروتاليّة لـ shadcn/ui، فستشعر أنك في بيتك داخل مكتبة الـ blocks لديهم — نموذج الملكية نفسه، أساس Tailwind نفسه، ومساحة أوسع بكثير مغطّاة.
تصفّح المجموعة على shadcn.io وشاهد كم تتجمّع صفحة بسرعة حين تكون الـ blocks جاهزة سلفًا.