3- NextJs Framework: Server Side Rendering
تعلّم إنشاء مواقع مختلفة من خلال استخدام إطار عمل NextJS وذلك بإنشاء مشاريع مصغرة ومبسطة.
ما هو Server Side Rendering؟ وكيفية استخدامه في NextJS؟ ما هي getServerSide Props؟ كيفية تحسين سيو الموقع بتطبيقات NextJS.
----
فهرس الفيديو:
00:00:00 مقدمة الدرس
00:02:08 إنشاء ملفات المشروع
00:02:58 إنشاء Express Server
00:08:06 add courses API
00:12:30 إنشاء مشروع nextjs
00:14:32 إنشاء Home Page
00:16:51 getServerSideProps Function
00:21:19 Display Courses
00:22:41 Link Component
00:23:53 Single Course Template
00:25:57 getServerSideProps context
00:27:38 Display Single Course
00:29:28 Add title and description
00:32:15 Add CSS Modules
00:41:35 حديث النهاية
___________
#nextjs
#reactjs
#FullStackJavascript
#TheCompleteJavaScriptTutorial
---------------------
روابط مفيدة:
Promises /Advanced JavaScript Tutorial :
https://js.learnwithnaw.com/advanced/...
رابط مسار 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