shadcn nextjs boilerplate

الموقع الإلكتروني • الوثائق • النسخة الاحترافية • القالب المجاني • تويتر

ابدأ تشغيل SaaS الخاص بك في غضون أيام قليلة باستخدام أول لوحة تحكم إدارية Shadcn UI NextJS. ابدأ مع Horizon AI Boilerplate اليوم!

مقدمة

Horizon AI Boilerplate هو أول قالب مفتوح المصدر للوحة تحكم الإدارة OpenAI ChatGPT AI مصمم لـ Shadcn UI وNextJS وTailwind CSS! ابدأ في إنشاء تطبيقات Chat AI SaaS الرائعة بشكل أسرع.

يأتي مزودًا بأكثر من 30 عنصرًا فرديًا للواجهة الأمامية الداكنة/الفاتحة، مثل الأزرار أو المدخلات أو أشرطة التنقل أو علامات تبويب التنقل أو البطاقات أو التنبيهات، مما يمنحك حرية الاختيار والدمج.

التوثيق

يتم تقديم كل عنصر بشكل جيد في وثائق معقدة للغاية. يمكنك قراءة المزيد عن الوثائق هنا.

بداية سريعة

قم بتثبيت قالب Horizon ChatGPT AI عن طريق تشغيل أي مما يلي:

• قم بتثبيت NodeJS LTS من صفحة NodeJs الرسمية (ملاحظة: المنتج يعمل فقط مع إصدار LTS)

قم باستنساخ المستودع باستخدام الأمر التالي:

git clone https://github.com/horizon-ui/shadcn-nextjs-boilerplate.git

قم بتشغيل هذا الأمر في المحطة:

 npm install

 npm run init

ثم قم بتشغيل هذا الأمر لبدء الخادم المحلي الخاص بك:

 npm run dev

مفتاح API الخاص بك لا يعمل؟

• تأكد من أن لديك حساب OpenAI ومفتاح API صالح لاستخدام ChatGPT. نحن لا نبيع مفاتيح API.
• تأكد من إضافة معلومات الفوترة الخاصة بك في صفحة OpenAI Billing. بدون معلومات الفوترة، لن يعمل مفتاح API الخاص بك.
• سيتصل التطبيق بخادم OpenAI API للتحقق مما إذا كان مفتاح API الخاص بك يعمل بشكل صحيح.

نسخة فيجما

Horizon AI Boilerplate متاح أيضًا بتنسيق Figma! التحقق من ذلك هنا! ؟

أقسام المثال

إذا كنت ترغب في الحصول على الإلهام لمشروعك الناشئ أو مجرد إظهار شيء ما مباشرةً لعملائك، فيمكنك البدء في تطوير مشروعك من خلال أقسام الأمثلة المعدة مسبقًا لدينا. ستكون قادرًا على إعداد البنية الأساسية لمشروع الويب الخاص بك بسرعة.

عرض أقسام الأمثلة هنا

---

النسخة الاحترافية

افتح عددًا كبيرًا من المكونات والصفحات باستخدام إصدارنا الاحترافي - اعرف المزيد

---

قضايا الإبلاغ

نحن نستخدم مشكلات GitHub باعتبارها أداة تعقب الأخطاء الرسمية لواجهة Horizon UI. فيما يلي بعض النصائح لمستخدمينا الذين يريدون الإبلاغ عن مشكلة:

1. تأكد من أنك تستخدم أحدث إصدار من Horizon UI Boilerplate. تحقق من سجل التغيير الخاص بلوحة التحكم الخاصة بك في ملف سجل التغيير الخاص بنا.

1. إن تزويدنا بخطوات قابلة للتكرار لحل المشكلة سيؤدي إلى تقليل الوقت الذي يستغرقه إصلاحها.

3. قد تكون بعض المشكلات خاصة بالمتصفح، لذا قد يكون من المفيد تحديد المتصفح الذي واجهت المشكلة فيه.

---

مجتمع

تواصل مع المجتمع! لا تتردد في طرح الأسئلة والإبلاغ عن المشكلات والتعرف على أشخاص جدد يستخدمون Horizon UI بالفعل!

انضم إلى مجتمع #HorizonUI Discord!

حقوق الطبع والنشر والترخيص

️ حقوق الطبع والنشر 2024 Horizon UI

؟ ترخيص واجهة المستخدم الأفق

---

الاعتمادات

شكر خاص للموارد مفتوحة المصدر التي ساعدتنا في إنشاء هذه الحزمة النموذجية الرائعة، بما في ذلك:

• مكتبة Shadcn UI
• مدفوعات الاشتراك في NextJS
• واجهة مستخدم ChatBot بواسطة mckaywrigley