ما هو ShadcnKit؟ مجموعة أدوات Next.js التي تحتاجها

ShadcnKit هو مجموعة أدوات Next.js مصممة لتسهيل تطوير الويب. يوفر لك أساسًا قويًا، مما يوفر عليك الوقت في إعداد الأساسيات في كل مرة تبدأ فيها مشروعًا جديدًا. تم بناؤه باستخدام Next.js App Router، ويجمع بين أدوات مثل Cloudflare (للاستضافة وقاعدة البيانات)، وStripe للمدفوعات، وLogto للمصادقة - كل ذلك مُعد مسبقًا حتى تتمكن من البدء بسرعة.

اعتبره مجموعة أدوات لبناء تطبيقات قابلة للتوسع وآمنة، دون المتاعب المعتادة. هل تريد تخطي القالب والانتقال مباشرة إلى البناء؟ ShadcnKit هنا من أجلك.

الميزات الرئيسية لـ ShadcnKit

1. Next.js مع App Router

في جوهره، يستفيد ShadcnKit من أحدث إصدار من Next.js، بما في ذلك App Router الجديد. يضمن ذلك أن يستفيد مشروعك من أحدث تحسينات الأداء والميزات التي يقدمها إطار عمل Next.js.

2. تكامل Cloudflare

يأتي ShadcnKit مع دعم مدمج لخدمات Cloudflare:

• قاعدة بيانات Cloudflare D1: مدمجة مع Drizzle ORM لعمليات قاعدة بيانات فعالة وآمنة من النوع.
• استضافة Cloudflare Pages: حل نشر واستضافة سلس لتطبيقات الويب الخاصة بك.

3. المصادقة مع Logto

الأمان هو أولوية قصوى في تطبيقات الويب الحديثة. يدمج ShadcnKit Logto لمصادقة قوية وقابلة للتخصيص، مما يتيح لك تنفيذ إدارة المستخدمين بشكل آمن بسهولة.

4. معالجة المدفوعات مع Stripe

للتطبيقات التي تتطلب وظائف الدفع، يتضمن ShadcnKit تكامل Stripe. يتيح لك ذلك التعامل مع المدفوعات وإدارة الاشتراكات من البداية.

5. وظيفة البريد الإلكتروني مع Resend

التواصل عبر البريد الإلكتروني أمر حيوي للعديد من تطبيقات الويب. يدمج ShadcnKit Resend لوظيفة بريد إلكتروني فعالة وموثوقة، مما يسهل إرسال رسائل البريد الإلكتروني المعاملات، والإشعارات، والمزيد.

6. دعم التدويل

في عالمنا المعولم، غالبًا ما يكون دعم لغات متعددة ضرورة. يأتي ShadcnKit مع دعم مدمج للتدويل (i18n)، مما يتيح لك إنشاء تطبيقات متعددة اللغات بسهولة.

7. نظام المدونة مع التوجيه الديناميكي

المحتوى هو الملك، ويدرك ShadcnKit ذلك من خلال تضمين نظام مدونة مع توجيه ديناميكي. تتيح لك هذه الميزة إنشاء وإدارة منشورات المدونة بسهولة داخل تطبيقك.

8. تسجيل ومراقبة API

لمساعدتك في تتبع أداء تطبيقك واستخدامه، يتضمن ShadcnKit نظام تسجيل API. يتم تخزين السجلات في قاعدة بيانات Cloudflare D1، مما يوفر رؤى قيمة حول سلوك تطبيقك.

9. نظام ملاحظات المستخدم

جمع ملاحظات المستخدمين أمر حيوي لتحسين تطبيقك. يتضمن ShadcnKit نظام ملاحظات المستخدم المدمج، مما يتيح لك جمع وإدارة مدخلات المستخدم بكفاءة.

10. إدارة الاشتراكات

للتطبيقات التي تقدم خدمات قائمة على الاشتراك، يوفر ShadcnKit وظيفة إدارة الاشتراكات المدمجة مع Stripe والمخزنة في قاعدة بيانات Cloudflare D1.

11. مكونات واجهة المستخدم القابلة للتخصيص

يستفيد ShadcnKit من قوة shadcn/ui وMagic ui، مما يوفر مجموعة من مكونات واجهة المستخدم القابلة للتخصيص والوصول. يتيح لك ذلك إنشاء واجهات مستخدم جميلة ومتسقة دون البدء من الصفر.

12. تكامل Facebook Pixel

يتضمن ShadcnKit دعمًا مدمجًا لـ Facebook Pixel، مما يتيح لك تتبع تفاعلات المستخدمين على موقعك للحصول على تحليلات أفضل، واستهداف الإعلانات، وتتبع التحويلات.

13. واجهة برمجة تطبيقات تحويل Facebook

لتحسين تتبع المبيعات وتسجيل المستخدمين، يدمج ShadcnKit واجهة برمجة تطبيقات تحويل Facebook، مما يضمن أن لديك بيانات دقيقة لتحسين حملاتك الإعلانية والحصول على رؤى أفضل حول النسبة المئوية.

البدء مع ShadcnKit

للبدء في استخدام ShadcnKit، ستحتاج إلى إعداد حسابات مع الخدمات التالية:

• Cloudflare
• Logto
• Stripe
• Resend

بمجرد إعداد هذه الحسابات، يمكنك استنساخ مستودع ShadcnKit وبدء تكوين مشروعك. يوفر الكيت تعليمات تفصيلية لإعداد متغيرات البيئة، وتكوين قاعدة بيانات Cloudflare D1 الخاصة بك، والتكامل مع الخدمات المختلفة.

إدارة قاعدة البيانات مع Drizzle ORM

يستخدم ShadcnKit Drizzle ORM لعمليات قاعدة البيانات، مما يوفر وسيلة آمنة وفعالة للتفاعل مع قاعدة بيانات Cloudflare D1 الخاصة بك. يتضمن الكيت تعريفات مخطط مُعدة مسبقًا وأمثلة على كيفية استخدام Drizzle ORM في كود تطبيقك.

النشر

يعد نشر مشروع ShadcnKit الخاص بك أمرًا بسيطًا، بفضل تكامله مع Cloudflare Pages. من خلال ربط مستودع GitHub الخاص بك بـ Cloudflare Pages وتكوين إعدادات البناء، يمكنك تشغيل تطبيقك في أي وقت من الأوقات.

الخاتمة

ShadcnKit هو أكثر من مجرد مجموعة أدوات؛ إنه حل شامل لتطوير الويب الحديث. من خلال الجمع بين Next.js ومجموعة مختارة بعناية من الأدوات والخدمات، يوفر ShadcnKit للمطورين أساسًا قويًا لبناء تطبيقات ويب قابلة للتوسع وآمنة وغنية بالميزات.

سواء كنت تبني مدونة بسيطة أو تطبيق SaaS معقد، يقدم ShadcnKit الميزات والمرونة التي تحتاجها لتحقيق أفكارك بسرعة وكفاءة. مع تركيزه على تجربة المطور والأداء وقابلية التوسع، يعد ShadcnKit خيارًا ممتازًا للمطورين الذين يتطلعون إلى تبسيط عملية تطوير تطبيقات الويب الخاصة بهم.

فلماذا تبدأ من الصفر عندما يمكنك الاستفادة من قوة ShadcnKit؟ جربه واختبر الفرق الذي يمكن أن يحدثه في مشروع تطوير الويب التالي الخاص بك!