strapi starter next corporate

⛔ إهمال

لم يعد هذا المستودع يتم الحفاظ عليه ويعمل فقط على Strapi V3. يمكنك العثور على أحدث إصدار من Strapi V4 من هذا المبتدئ على المبتدئين والمأمولين.

---

Strapi Starter Next Corporate

المبتدئ التالي لإنشاء موقع الشركة مع Strapi.

عرض العرض التوضيحي المباشر • اقرأ منشور المدونة

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

ميزات المبتدئة:

• إنشاء الصفحات داخل Strapi ، لا يوجد رمز ضروري
• بنية صفحة مرنة بالكامل: صمم الصفحات التي تريدها باستخدام أقسام واجهة المستخدم
• 8 أقسام واجهة المستخدم خارج الصندوق: Hero ، Richtext ، Bragevideo ، شهادات ، أسعار ، أسعار ، فهي ، ميزة للألعاب
• من السهل موضوع مع Tailwind
• توليد موقع ثابت مع التالي
• وضع معاينة متكامل ، لعرض صفحاتك على عنوان URL الخاص قبل نشرها
• المحتوى بلغات متعددة باستخدام i18n

يستخدم هذا المبدع قالب شركة Strapi

تحقق من جميع مبتدئاتنا هنا

ابدء

استخدم create-strapi-starter CLI لإنشاء مشروعك.

npx create-strapi-starter@3 my-site next-corporate

سيقوم CLI بإنشاء Monorepo ، وتثبيت التبعيات ، وتشغيل مشروعك تلقائيًا.

سيتم تشغيل خادم الواجهة الأمامية التالية هنا => http: // localhost: 3000

سيتم تشغيل خادم Backdenced Strapi هنا => http: // localhost: 1337

وضع المعاينة

يمكنك تشغيل وضع المعاينة مع عنوان URL مثل هذا:

http://localhost:3000/api/preview?secret=<preview-secret>&slug=<slug>

<preview-secret> هو الرمز المميز السري المحدد في تكوين .env الخاص بك ، <slug> هو Slug الذي أدخلته في Strapi لصفحتك.

على الرغم من أن وضع المعاينة قيد التشغيل ، يمكنك الوصول إلى صفحات draft تمامًا كما published الصفحات.

على سبيل المثال http: // localhost: 3000/secret سيكون متاحًا في وضع المعاينة.

ستبقى لافتة تحت التنقل لإعلامك بوضع المعاينة وسيسمح لك أيضًا بإيقاف تشغيله.

تخصيص موقع شركتك

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

إضافة أقسام

لقد قمنا ببناء أقسام لك ، لكن من المحتمل أن ترغب في إضافة المزيد لتناسب احتياجاتك. اتبع هذه الخطوات:

• إنشاء مكون جديد في Strapi في فئة "الأقسام"
• في منشئ أنواع المحتوى ، افتح مجموعة الصفحات وتحقق من القسم الجديد في حقل contentSections .
• قم بإنشاء مكون رد فعل يأخذ دعامة data في /frontend/components/sections
• لربط قسم Strapi الخاص بك بمكون React ، Open /frontend/components/sections.js ، وأضف إدخالًا إلى كائن sectionComponents .

موضوع مخصص

نستخدم CSS Tailwind للتصميم. لتعديل مظهر صفحتك ، يمكنك تحرير السمة في /front/tailwind.config.js . اقرأ مستندات Tailwind لعرض جميع التغييرات التي يمكنك إجراؤها. على سبيل المثال ، يمكنك تغيير اللون الأساسي مثل هذا:

 const { colors } = require ( `tailwindcss/defaultTheme` )

module . exports = {
  theme : {
    extend : {
      colors : {
        primary : colors . green ,
      } ,
    } ,
  } ,
} 

نشر في الإنتاج

ستحتاج إلى نشر مشاريع frontend backend بشكل منفصل. فيما يلي المستندات لنشر كل واحدة:

• نشر Strapi
• نشر next.js

لا تنسى إعداد متغيرات البيئة الخاصة بك على تطبيقات الإنتاج الخاصة بك.

فيما يلي تلك المطلوبة للواجهة الأمامية:

• NEXT_PUBLIC_STRAPI_API_URL : عنوان URL من الواجهة الخلفية الخاصة بك ، دون أن يقطع القطع
• PREVIEW_SECRET : سلسلة عشوائية تستخدم لحماية صفحات المعاينة الخاصة بك

وللواجهة الخلفية:

• FRONTEND_URL : عنوان URL من الواجهة الأمامية ، دون أن يقطع مائل
• FRONTEND_PREVIEW_SECRET : رمز من وضع معاينة Next.js محدد على الواجهة الأمامية

استمتع باستخدام هذا المبتدئ!