دورة Next.js بالعربية: من الأساسيات إلى التطبيق العملي
مدرب
عن هذه الدورة
عن هذه الدورة
تقدم هذه الدورة شرحًا عربيًا منظمًا لـ Next.js يبدأ بالمفاهيم الأساسية وينتقل تدريجيًا إلى الاستخدام العملي. لا يكتفي المسار بالتعريفات؛ بل يربط كل محور بممارسة واختبار وفهم الأخطاء المتوقعة.
ما الذي ستتعلمه؟
- الأساس وApp Router
- المكونات وبناء الواجهة
- البيانات وCache Components والبث
- التعديلات وServer Actions
- التوجيه المتقدم وواجهات API والمصادقة
- SEO والأداء والجودة
- الإنتاج والنشر والمشروع الختامي
كيف تستفيد من المنهج؟
ابدأ بالوحدات حسب ترتيبها، ونفّذ الأمثلة على بيئة اختبار، ثم حل التمارين دون نسخ الحل مباشرة. احتفظ بملاحظاتك حول الأخطاء، وأنهِ الوحدات بالمشروع العملي عندما يتوفر.
تعلم Next.js كما تُبنى بها التطبيقات الحديثة كاملة: من سبب استخدام الإطار ونظام App Router والمسارات، مرورًا بالمكونات وبناء الواجهة بـ Server وClient Components مشاركة الأساليب، ثم جلب البيانات والتخزين المؤقت والبث التدريجي، ثم إدارة التعديلات عبر Server Actions والنماذج وتجديد المحتوى، ثم التوجيه المتقدم وواجهات API والمصادقة، ثم Metadata ومقاييس الأداء الحيوية والاختبارات والأمان، وتختتم بالإنتاج والنشر والمراقبة والمشروع الختامي المتكامل.
ماذا ستتعلم؟
- الأساس: لماذا Next.js؟ وإعداد المشروع، ونظام App Router، والمسارات والروابط، وتخطيط الصفحات والمحتوى الديناميكي.
- المكونات والواجهة: الفرق بين Server وClient Components، وبنية المكونات والـ Props والأساليب داخل Next.js وأشهر إعداداتها.
- البيانات: جلب البيانات داخل المكونات، وتأخير العرض وتحميل الأجزاء، والمخازن المؤقتة والكاش وتجديد البيانات، والبث التدريجي.
- التعديلات: Server Actions وتجديد المسارات والكاش، والنماذج والتحقق منها، ومعالجة الأخطاء وحدودها.
- التوجيه المتقدم والبيانات والهوية: المسارات الديناميكية والمتداخلة ومعالجة عدم الوجود، وواجهات API ووحدات البيئة، والمصادقة والدخول والتحكم بالصلاحيات.
- الجودة: Metadata وOpen Graph والتحسين لمحركات البحث، وCore Web Vitals وتحسين الصور والخطوط، وتقليل الحزم واختبارات E2E مع الأمان ومتغيرات البيئة.
- الإنتاج والختام: فهم مخرجات build وstandalone، والنشر على Vercel أو Node/Docker، والمراقبة والسجلات، واستراتيجيات الإصدار والكاش والرجوع، ومشروع ختامي من الصفر حتى النشر المراقب.
لمن هذا المسار؟
لمن أتقن أساسيات React ويريد بناء تطبيقات كاملة موجهة نحو الأداء ومحركات البحث؛ كل درس يبني على الذي قبله بأمثلة عملية من أول مشروع حتى تطبيق SaaS كامل منشور ومراقب في بيئة إنتاج حقيقية.
أديب الصلوي
نظرة عامة على المنهج
تتضمن هذه الدورة 7 وحدات، 42 دروس، و 7:14 ساعات من المواد.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو Next.js 16.3 وكيف يفكر؟» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء المشروع وأدوات Next.js الحديثة (Turbopack)» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «مجلد app واتفاقيات الملفات الخاصة» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «Layouts وTemplates وMetadata الأساسية» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «التحميل والأخطاء وnot-found والتصحيح» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «الأساس وApp Router» في دورة Next.js 16.3 — من الأساس إلى الإنتاج.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو Next.js 16.3 وكيف يفكر؟» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء المشروع وأدوات Next.js الحديثة (Turbopack)» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «مجلد app واتفاقيات الملفات الخاصة» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «Layouts وTemplates وMetadata الأساسية» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «التحميل والأخطاء وnot-found والتصحيح» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «المكونات وبناء الواجهة» في دورة Next.js 16.3 — من الأساس إلى الإنتاج.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو Next.js 16.3 وكيف يفكر؟» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء المشروع وأدوات Next.js الحديثة (Turbopack)» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «مجلد app واتفاقيات الملفات الخاصة» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «Layouts وTemplates وMetadata الأساسية» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «التحميل والأخطاء وnot-found والتصحيح» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «البيانات وCache Components والبث» في دورة Next.js 16.3 — من الأساس إلى الإنتاج.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو Next.js 16.3 وكيف يفكر؟» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء المشروع وأدوات Next.js الحديثة (Turbopack)» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «مجلد app واتفاقيات الملفات الخاصة» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «Layouts وTemplates وMetadata الأساسية» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «التحميل والأخطاء وnot-found والتصحيح» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «التعديلات وServer Actions» في دورة Next.js 16.3 — من الأساس إلى الإنتاج.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو Next.js 16.3 وكيف يفكر؟» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء المشروع وأدوات Next.js الحديثة (Turbopack)» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «مجلد app واتفاقيات الملفات الخاصة» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «Layouts وTemplates وMetadata الأساسية» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «التحميل والأخطاء وnot-found والتصحيح» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «التوجيه المتقدم وواجهات API والمصادقة» في دورة Next.js 16.3 — من الأساس إلى الإنتاج.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو Next.js 16.3 وكيف يفكر؟» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء المشروع وأدوات Next.js الحديثة (Turbopack)» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «مجلد app واتفاقيات الملفات الخاصة» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «Layouts وTemplates وMetadata الأساسية» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «التحميل والأخطاء وnot-found والتصحيح» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «SEO والأداء والجودة» في دورة Next.js 16.3 — من الأساس إلى الإنتاج.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو Next.js 16.3 وكيف يفكر؟» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «إنشاء المشروع وأدوات Next.js الحديثة (Turbopack)» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «مجلد app واتفاقيات الملفات الخاصة» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «Layouts وTemplates وMetadata الأساسية» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «التحميل والأخطاء وnot-found والتصحيح» ضمن وحدة «الأساس ومعمارية App Router واتفاقيات الملفات» في دورة Next.js 16.3 — من الأساس إلى الإنتاج، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «الإنتاج والنشر والمشروع الختامي» في دورة Next.js 16.3 — من الأساس إلى الإنتاج.
شهادة الدورة
مواصفات الدورة
اشترك في نشرتنا البريدية
تصنيفات شائعة
تطوير الويب الأنظمة الخلفية وواجهات API تطبيقات الجوال وسطح المكتب أساسيات علوم الحاسب الأنظمة والبنية التحتية البيانات والتحليل المهارات المهنيةتواصل معنا
الرد على التعليق