,

NEXT JS Course | Complete Explanation in Two Hours | Theoretical and Practical Explanation | SSG vs SSR vs ISG vs SPA Comparision.

Posted by



Next.js هي إطار عمل لتطوير تطبيقات الويب بلغة JavaScript والتي تقدم الكثير من الميزات المفيدة للمطورين. في هذا الكورس، سنقوم بتقديم شرح كامل لـ Next.js في ساعتين، حيث سنغطي كلا الجانبين النظري والتطبيقي.

أولاً، سنبدأ بشرح المفاهيم الأساسية لـ Next.js، بما في ذلك مفهوم المسار وكيفية تنظيم ملفات المشروع وهيكل المجلدات. سنقدم أيضاً نظرة عامة على أنواع التطبيقات في Next.js، مثل التطبيقات الثابتة (SSG)، التطبيقات الديناميكية (SSR)، التطبيقات الثابتة التفاعلية (ISG)، والتطبيقات الفريدة الصفحية (SPA).

ثم، سننتقل إلى الجانب العملي من الكورس حيث سنبدأ بإنشاء تطبيق Next.js بسيط. سنقوم بتثبيت الأدوات الضرورية، مثل Node.js وnpm، ونقوم بإنشاء مشروع Next.js جديد باستخدام أمر إنشاء المشروع الأساسي.

بعد ذلك، سنقوم بتعريف بعض الصفحات الأساسية اللازمة في تطبيق Next.js، مثل الصفحة الرئيسية والصفحة العنصرية. سنقوم أيضاً بتضمين بعض العناصر التفاعلية في التطبيق، مثل الأزرار وحقول الإدخال.

سنقوم أيضاً بمناقشة كيفية استخدام الميزات المتقدمة في Next.js، مثل تقسيم التطبيق إلى مكونات وتوزيع البيانات بينها. سنتناول أيضاً كيفية التعامل مع الطلبات الديناميكية وإدارة حالات الحمولة في التطبيق.

في النهاية، سنقدم نظرة عامة على الاختلافات بين أنواع التطبيقات في Next.js، والاختلافات بين التطبيقات الثابتة والديناميكية والفريدة الصفحية. سنقدم أيضاً بعض النصائح للاختيار بين هذه الأنواع وكيفية اختيار الصحيحة لمشروعك.

بهذا الشكل، سيكون لديك شرح كامل لـ Next.js في ساعتين، بما في ذلك شرح نظري وتطبيق عملي، وسيمكنك الآن بدء تطوير تطبيقات الويب المتقدمة باستخدام هذا الإطار العمل الرائع.

0 0 votes
Article Rating

Leave a Reply

24 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@lightingvulture
2 hours ago

الله يسعدك

@YahiaHmmod
2 hours ago

ايهم افضل للمدونة ال ssr او ال ssg?

@lyndaraid3401
2 hours ago

عنجد شرح رهيب متناسق كانك اخذت سلاح next.js وانا الهبلة لي لي بدور إفهم عند الاجانب كتير مشكروة عنجد محتوى متعوب علية

@mohamedsaci1712
2 hours ago

بارك الله فيك

@OmarMuhhammed
2 hours ago

جزاك الله كل خير شرح رائع وواضح

@salahalfatih169
2 hours ago

استمر استاذ يعرب ياريت تسوي كورس أشمل عن next.js والله انت كنز ربنا يوفقك استفتد منك كثير ❤

@rafatkhtab2436
2 hours ago

الله يعطيك الف عافية ❤

@omarowini1881
2 hours ago

فيه خطأ وضع async في الـ useEffect l مباشرة يفضل وضعها بداخل دالة عادية

@RabeeRaad
2 hours ago

محتوى ممتاز. يعطيك العافية على جهودك

@saouda.a.al-turki9994
2 hours ago

يعطيك العافيه على مجهودك. عندي سوال اذا استخدمت خاصيه ال SSR بتكون مجانيه ١٠٠٪ ماراح يكون في تكلفه خصوصا انه احنا راح نستخدم سيرفراتهم ؟

@بياناتومعلومات-م8م
2 hours ago

عندما يبدع الاستاذ

@Yihea_Aladawi
2 hours ago

ليش ما تعمل دورة عن طريق برنامج زووم مثلا تشرحلنا ريأكت ونيكست مثلا كامل

@Yihea_Aladawi
2 hours ago

الله يعطيك العافية هل يوجد كورس Next كامل مثلا على Udemy مثل ريأكت ولا مافي

@amarAliz
2 hours ago

الله ينور يا معلم

@salbr205
2 hours ago

thanks yarob

@1bcx
2 hours ago

That was really amazing, I enjoyed watching this and it was my first step with NextJs

@shabanelmogy7912
2 hours ago

ربنا يوفقك

@hmadaredmi1472
2 hours ago

هل من الممكن ان اتعلم next 13 مع وجود next14

@new-studies-ob3sj
2 hours ago

أنت نفاع ماشاء الله، نفع الله بك المسلمين، نسأل الله أن ينفع بك، وأن يوفقك، واصل يا رجل

@PeaceSeeking24
2 hours ago

شكر جزيلا أخي العزيز و الله يجعل في ميزان حسناتك و إن شاء الله التوفيق و النجاح الدائم.

24
0
Would love your thoughts, please comment.x
()
x