8- NextJs Framework: Articles Dashboard 2- page and layout
سنتعلم في هذا الدرس فائدة استخدام الـ Page والـ Layout في إصدار Next.js الأحدث. يُستخدم الـ Layout لعرض هيكلية HTML الأساسية للصفحات في التطبيق. يعني ذلك أنك يمكنك تحديد تصميم محدد للاستخدام في جميع الصفحات، مثل شريط القائمة العلوي أو الفوتر. يسهل هذا الأمر إعادة استخدام نفس الهيكلية وتوحيد التصميم في جميع الصفحات.
أما الـ Page، فتستخدم لعرض المحتوى الفعلي لكل صفحة في التطبيق. تعرف الـ Page الـ Route وتحدد ما الذي سيتم عرضه عند زيارة هذا الـ Route بناءً على المكون المعين. بالتالي، يتم ربط الـ Page بالـ Route وتجعله مرئيًا في التطبيق.
------
فهرس الدرس:
00:00:00 مقدمة الدرس
00:00:27 Home Route
00:03:33 Dashboard Route
00:09:22 Login Route
00:10:34 Blog Route
00:13:33 Dynamic Routing
00:15:28 Context Params
00:17:25 الملخص
___________
#nextjs
#reactjs
#FullStackJavascript
#TheCompleteJavaScriptTutorial
#LearnWithNawQuestions
---------------------
روابط مفيدة:
منشور استقبال الآراء والأسئلة:
• Post
رابط مسار NextJS:
https://learnwithnaw.com/learning-path/4
مستودع كود Next:
https://github.com/nawras92/the-compl...
مستودع مسار جافاسكربت
https://github.com/nawras92/the-compl...
سلسلة مشاريع NextJs:
• NextJs Framework
كورسات مسار جافاسكربت المتكامل
• مسار مطور جافاسكربت المتكامل
رابط موقع التمارين:
https://js.learnwithnaw.com/
----
موقعنا الرسمي:
https://learnwithnaw.com
يمكنكم مراسلتي عبر البريد الإلكتروني:
mail at LearnWithNaw dot net
------
Credits:
Breaks and outro Videos: videezy.com