إنشاء مشروع Nextjs

تحليل المشروع الذي تم إنشاؤه

إضافة الصفحة الأولى

إضافة ملف توجيه مسمى ثابت

العمل مع المسارات والمسارات المتداخلة

إضافة مسارات ومسارات ديناميكية

طريقة مختلفة لإعداد الروابط Hrefs

مراجعة المشروع

شرح مجلد المكونات

إعداد الصفحات

جلب البيانات مثل تطبيقات React

المشكلة مع تطبيقات رد الفعل التقليدية

كيف يقوم Nextjs بإعداد الصفحات وعرضها مسبقًا

تقديم الجيل الثابت باستخدام Getstaticprops

مساوئ Getstaticprops

تقديم Getstaticpaths للصفحات الديناميكية

ما هي قواعد البيانات وأنواعها

إعداد قاعدة بيانات Mongodb

توصيل Mongodb بمشروعنا

إنشاء مخطط قاعدة البيانات

إنشاء نقاط النهاية (طرق Api) وتشغيل استعلامات Mongodb

اختبار مسارات API باستخدام Postman

إزالة الرمز الثابت من الصفحة الرئيسية والحصول على البيانات من طريق API

قم بتخزين بيانات المنتج في قاعدة البيانات باستخدام مسار API

إظهار تفاصيل المنتج بشكل ديناميكي (صفحة Ssg)

تحسين SEO وتحليل الحاجة إلى البيانات الوصفية الرئيسية

تحسين الصور مع الصورة التالية

Next 13 - نسخة تجريبية

قم بنشر تطبيقنا على Vercel