أحدث ما نشرناه

  • isLoggedIn API Point

    سنقوم بإنشاء نقطة جديدة في NextJS API تحدد إذا كان المستخدم مسجل الدخول أم لا. أيضاً قمنا بإنشاء useUser Hook لحماية بعض المسارات من الدخول غير المخول به على جهة…

  • بناء Header Component

    سنبدأ ببناء Authentication System، يٌمكّن المستخدمين من القيام بالمهام المخولة لهم بعد تسجيل الدخول. البداية ستكون بإنشاء Header Component بسيطة.

  • إضافة وصفة جديدة

    كيفية إضافة وصفة جديدة وإرسالها لجهة السيرفر وكيفية إضافة authorized access token للمشروع.

  • إنشاء صفحة الوصفة الأحادية

    كيفية إنشاء صفحة أحادية للوصفة وجلب معلومات الوصفة الواحدة من جهة السيرفر.

  • حذف وصفة

    بناء زر حذف وصفة في الواجهة الأمامية وإرسال طلب حذف الوصفة لجهة السيرفر.

  • صفحة وطلب تعديل الوصف

    كيفية بناء صفحة تعديل الوصفة مع النموذج الخاص بها وأيضاً تغيير ترتيب عرض الوصفات.

  • دور Strapi في تطوير ويب

    ما هي Strapi فعلياً؟ وما هو دورها في تطوير الويب؟ وكيف تعمل API كحلقة وصل بين الواجهة الأمامية والخلفية للموقع؟

  • Data Collection & Attributes

    كيفية إضافة Collection في Strapi وتوضيح عن فكرة data collections و Attributes.

  • Tokens & Permissions 1

    كيفية تحديد صلاحيات الدخول لنقاط API كاملة. كما تم شرح JSON Syntax

  • Admin & Permissions based Users

    كيفية إضافة مستخدمين في Strapi.وكيفية إضافة relations بين collections.

  • أساسيات استخدام Strapi CMS (اختياري)

    الرجاء الذهاب لمسار تعلم Headless CMS، وتتبع الفيديوهات الخاصة بـــِ بأساسيات تعلم Strapi Headless CMS. في الخطوات القادمة، سنقوم ببناء مشروع NextJS متكامل مبني على Strapi Backend.

  • بناء مشروع متكامل(Recipes Project) – الجزء الأول

    سنقوم ببناء مشروع NextJS متكامل ووصله مع سيرفر Strapi. سنبدأ مع ربط الموقع مع نقاط Strapi API. وثم بناء نظام تسجيل دخول للموقع مبسط، مع إدارة لصور الموقع.

  • مقدمة المشروع وعرض كل الوصفات

    سنقوم بترتيب ملفات المشروع الرئيسية. كما سيتم الربط مع نقطة جلب كل الوصفات من Strapi، وعرضها على صفحة المشروع الرئيسية.

  • Populate Media & HTTP Requests

    سنقوم بإضافة حقول أخرى لـــ Recipe Collection.أيضا كيفية التعامل مع الصور والوسائط في Strapi. كما قمنا بإنشاء نقاط API مختلفة من POST/DELETE/PUT/GET.

  • أساسيات Strapi Headless CMS

    تعلّم أساسيات استخدام نظام إدارة المحتوى Strapi من تثبيته حتى استخدامه في هيكلة البيانات وإضافة محتوى للموقع.