عرض وصفات المستخدم، وحفظ معلومات المستخدم في Cookies و حذفها عند تسجيل الدخول.

سنقوم بالتعديل على Recipe Container & Recipe Card في الصفحة الرئيسية، وسنضيف بعض من Styling لها.

ما هو Validation؟ وما هي أهميته في الموقع الإلكتروني؟ ما هو Sanitization؟ وكيف يتم تطبيقه؟

سيتم إنشاء Layout Component مع إضافة Title & Description Tags. أيضاً سيتم إنشاء Page Header Component مع إضافة قالب وألوان افتراضية للموقع.

في هذا الدرس، سنقوم بتعديل نموذج الوصفة والهيدر. سنضيف بعض من CSS Classes له، وأيضاً سنضيف Arabic Strings له.

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

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

بناء صفحة تسجيل الدخول مع Login Form، حيث سيتم تشغيل هذا النموذج وإرسال طلب تسجيل الدخول لــ Strapi Backend.

كيفية حفظ JWT في localStorage، وكيفية التعامل مع خطأ Reference Error: localStorage is not defined.

توضيح بعض المفاهيم المتعلقة بالسيرفر بشكل عام، وسيرفر NextJS بشكل خاص. وكما تم توضيح كيفية حفظ JWT في HTTP Only Cookie وتطبيق ذلك على نقاط تسجيل الدخول والخروج.

سنبدأ بإضافة نقطة API جديدة في تطبيق NextJS لإضافة وصفة جديدة، وثم سنرسل طلب إضافة وصفة لــِ backend من هذه النقطة.

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

سيتم استخدام useUser Hook لحماية بعض الصفحات من الدخول غير المخول به على جهة Client. أيضاً سنقوم بإعادة توجيه الزوار بعد تسجيل الدخول والخروج للصفحة المناسبة.

إضافة نقاط API الخاصة بتعديل وحذف الوصفة، وإرسال طلبات لــ backend من هذه النقاط.

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