الفئات: التكنولوجيا والتطوير
تحدد جميع مميزات Next.js حيث ستتعلم كيفية جلب البيانات من الخادم باستخدام مفهومات Server-Side Data Fetching وNext.js وكيفية تفعيل واستخدام وتحسين SSR.
تنشأ تطبيقات واجهة مستخدم مبنية على العميل باستخدام React.js وتطبيقات ReactJS الكاملة باستخدام NextJS.
تتعامل مع قاعدة البيانات مثل MongoDB وإنشاء مخططات ونماذج للبيانات والاستعلام عنها وتحديثها.
دروس مجانية
المقدمة
المتطلبات والإطار مقابل المكتبة
ما هو Next.Js ولماذا تستخدمه
ميزات Next.Js
1. البدء والتعرف على محتوى الدورة
المقدمة
المتطلبات والإطار مقابل المكتبة
ما هو Next.Js ولماذا تستخدمه
ميزات Next.Js
إنشاء مشروع Nextjs
تحليل المشروع الذي تم إنشاؤه
2. نظام Routing في Next.js
إضافة الصفحة الأولى
إضافة ملف توجيه مسمى ثابت
العمل مع المسارات والمسارات المتداخلة
إضافة مسارات ومسارات ديناميكية
طريقة مختلفة لإعداد الروابط Hrefs
3. نظرة علي المشروع المطلوب تنفيذه
مراجعة المشروع
شرح مجلد المكونات
إعداد الصفحات
4. فهم مصطلح Pre-Rendering في Next.js
جلب البيانات مثل تطبيقات React
المشكلة مع تطبيقات رد الفعل التقليدية
كيف يقوم Nextjs بإعداد الصفحات وعرضها مسبقًا
تقديم الجيل الثابت باستخدام Getstaticprops
مساوئ Getstaticprops
تقديم Getstaticpaths للصفحات الديناميكية
5. اضافة جزء الباك اند والتعامل مع endpoints
ما هي قواعد البيانات وأنواعها
إعداد قاعدة بيانات Mongodb
توصيل Mongodb بمشروعنا
إنشاء مخطط قاعدة البيانات
إنشاء نقاط النهاية (طرق Api) وتشغيل استعلامات Mongodb
اختبار مسارات API باستخدام Postman
إزالة الرمز الثابت من الصفحة الرئيسية والحصول على البيانات من طريق API
قم بتخزين بيانات المنتج في قاعدة البيانات باستخدام مسار API
إظهار تفاصيل المنتج بشكل ديناميكي (صفحة Ssg)
6. تحسين أداء التطبيق من خلال Next.js
تحسين SEO وتحليل الحاجة إلى البيانات الوصفية الرئيسية
تحسين الصور مع الصورة التالية
7. استضافة مشروع الدورة علي Vercel
Next 13 - نسخة تجريبية
قم بنشر تطبيقنا على Vercel
في عصر التكنولوجيا الحديثة، تصبح تطبيقات الويب دائمًا في تطور مستمر. باستخدام Next.js وReact، ستكون قادرًا على بناء تطبيقات ويب متقدمة وسهلة التوسع وذات أداء عالي. كما ستتعلم كيفية الاستفادة من ميزات Next.js مثل التحميل الجزئي وتجميع الجانب الخادم والعديد من الأدوات والمكتبات التي تسهل عليك البناء والتطوير. جدير بالذكر أن NextJS يعد خيارًا رائعًا للتطور كمطور React وللارتقاء بتطبيقات React إلى المستوى التالي. انضم إلينا الآن!
معرفة حديثة بجافا سكريبت (ES 6) وReactJS، مع العلم أن هذه الدورة تتضمن مراجعة كاملة لـ React.
مطور ويب
238 متعلمين
1 دورة