كورس NEXT JS | شرح كامل في ساعتين | شرح نظري و تطبيق عملي | SSG vs SSR vs ISG vs SPA
🟢 رابط كورس React مع الخصم:
www.udemy.com/course/tarmeeza...
🟢 للانضمام لمجتمع رياكت على تليجرام:
t.me/tarmeezReact
========================
NEXT JS Docs:
nextjs.org/
Vercel (to deploy your project):
vercel.com/
رابط المشروع كاملا على github:
github.com/Yarob50/nextjs-app...
========================
لا تتردد في كتابة الاستفسارات حول هذا المقطع في جروب مجتمع ترميز في التيليجرام أو في خانة التعليقات.
للانضمام لمجتمع ترميز في التيليجرام:
t.me/tarmeezCommunity
==========================
و للاستفسارات البرمجية الأخرى، يمكنك سؤالي في حسابي بتويتر:
/ yarhmm
=========================
Chapters:
0:00 مقدمة
19:34 project structure | ترتيب الملفات في المشروع
29:02 create a new page | إنشاء صفحة جديدة
35:22 Navigation Between Pages | التنقل بين الصفحات
37:25 Layout | تخطيط الصفحات
44:08 Nested Routes | الروابط المتداخلة
46:16 Dynamic Routes | الروابط الدناميكية
52:31 Nested Layout
55:59 Meta Tags
59:10 Data Fetching
1:09:32 Fetch Data in Client Component
1:17:47 SSR vs SSG vs ISG & Caching
1:28:28 Starting The Project | البدء في المشروع
1:45:28 Loading In Next | عرض شاشة التحميل
1:48:48 Using Suspense & UI Streaming
1:57:38 Deploying The Project | رفع المشروع
2:05:10 خاتمة
Пікірлер: 191
قسما با الله انه الاستاذ يعرب من افضل المعلمين في اليوتيوب - وكرس الرياكت يستاهل تشتريه -والله قد كنت معقد من React وبعدين شفت كورس الاستاذ يعرب قبل شهرين تقريبا بديت -والان بدون مبالغه سويت عده مشاريع مثل متاجر الكترونيه ومواقع شخصيه 😊😊😍- شكرا حبيبي يعرب
تحفة جدا ماشاء الله
شكرا لمجهوداتك ❤ الفيديو مفيد جدااا
الدرس المنتظر اللي كنت اتمناها دورة بس ماقصرت 😍 شكرًا يعرب
جزاك الله كل خير والله شرح وافي وواضح جدا 💙
طول الفيديو وأنا أتسائل عن كمية الجهد المبذولة للحصول على هذا الشرح الخرافي . جزاك الله خيرا دمت متألق ❤
كورس وافي و ممتع الله يعطيك العافية
ى اخى ربنا يكرمك و يجعله في ميزان حسناتك
شرح رائع .. الله يبارك فيك يا باشمهندس و ينفع بيك
جزاك الله خيرا ، شرح رهيب لأي محتوى تقوم به مبدع في كل شيء تشرحه وفقك الله تعالى
يا اخي ما شاء الله عليك عالمي بتقديمك وبمحتواك
يعطيك الف الف عافية اخوي تسلم على الشرح الرائع
شكرا على الشرح الأكثر من رائع جزاك الله خيرا
والله بحبك يا أخي لاتبخل علينا بالمزيد ، نطلب بالمزيد من الشرح أخي في مواضيع عدة .
والله اني بدعيلك من قلبي الله يسعدك ويحفظك ويوفقك ❤❤
بارك الله فيك . وجزاك الله خيرا على كل ماتقدم من جهد 👍 🤩 فيديو السهرة 🤩
جزاكم الله خيرا. مجهود مقدر. بارك الله فيكم. ونفع بكم.
شكرا جزيلا شرح ممتاز جزاك الله خيرا
جزاك الله خيرا
جزاك الله خيراً وأصلح حالك
شرح رائع جدا وهستنى بقيه المحاضرات الخاصه ب next
أقسم بالله أني استفدت، جزاكَ اللهُ خيراً مُبرمج يعرُب، وباركَ بِكَ.
الكورس فوق الممتاز , جزاك الله كل خير بشمهندس يعرب ❤
الله يجزاك خير. شكرررا
صراحة استاذ يعرب مبرمج متمكن جدا بارك الله فيك وجعل كل مجهوداتك في ميزان حسناتك
المقدمة فوق الممتازة
فيديو عظيم، تسلم
شرح ممتاز والله
جزاك الله خير يا أستاذ يعرب انت افضل أستاذ يشرح بتفصيل من الصفر
thank you so much for helping us جزاك الله خيرا
كل الشكر ليك يا بشمهندس علي كميه المعلومات الي حقيقي مفيدة جدا
رفعت لك القبعة من زمن طويل ها أنا أرتديها الآن و أرفعها مجددا من أجلك ❤🎩🎩
One of the best videos out there if its not the best
"خيرُ الناس أنفعهم للناس" بارك الله فيك
انت عالمي و مش واخد حقك❤🇪🇬
والله انت رائع شكرا لك
جيتني في الوقت المناسب تماما، لسا كنت بدور كورس كويس و قررت بالأخير ادرس الdocs فقط
اي شخص شاف ذا المحتوئ امانه لما تسوي لايك حتئ لو ما اعجبك - لانه الاستاذ يتعب قوي لما يجهز مثل هاذا محتوئ والله وبا الفعل يستاهل دا المحتوئ
يا ريت لو تعمل كورس nextjs كامل زي ما عملت في كورس الreact js
لايك قبل المشاهدة💓
تستاهل أفضل استاذ في البرمجة والله
جزاك الله عنا كل خير 💯💯💯💯💯
شرح وافي و مفيد بوركت
بارك الله فيك
تعرف انا بحبك لي يهندسة؟ عشان سهولة شرحك للنظري وتمكنك منه..ربنا يديم عليك نعمته ويرزقك كل خير🤍
@tarmeez
4 ай бұрын
الله يسعدك يا عزيزي و سعيد انك وجدته مقطع مفيد و يرزق يا رب 🌷
@osamaeid8809
4 ай бұрын
اللهم آمين وإياكم@@tarmeez 🤍
شكرا على الإفادة القيمة
جزاك الله خير
مع اني من محبين backend php python بس بحب اعطيك لايك تستاهل ياحبيبي مواضيعك وشروحاتك جميلة ❤
رائع ما شاء الله عليك
مبدع
Thanks a lot brother Very nice .
🤩ماشاء الله شرح جميل جدا🤩
شرح افضل من 100 دكتور في جامعة
this is the best explanation i have heard about nextjs
@tarmeez
3 ай бұрын
هذا من لطفك 🌷
الله يرحم لك الوالدين
الشرح الخاص بك رائع ويجمع بين التعليم الأكاديمي والعملي ... ونتمنى تفصيل أكثر في الnextjs وخصوصاً لأنها لها القدرة علي ❤❤عمل الموقع كامل مع قاعدة البيانات وايضا توفير الحماية للموقع
جزاك الله خير كثيرا ...نتمنى ان تشرح لنا node js و exprsss❤️😍
الله يجزيك بالخير يعرب على نشر العلم شكراً استمر ❤
@tarmeez
10 ай бұрын
و اياك يا رب 🌷🌷
thanks for this great course
توصيلك للمعلومة اكثر من رائع شكرا جدا
@logicmonster6197
7 ай бұрын
يعروب فنان لعبته توصيل المعلومة ما شاء الله
بارك الله فيك وآلله فرحت من شفت انك منزل كورس next.js لأن انت الأفضل بالشرح
@tarmeez
9 ай бұрын
الله يبارك فيك و يسلمك 🌷
شكرا 🙏
جزاك الله خير,, شرح رائع وابداع في الاداء,, ياريت تعمل كورس جديد كامل عن nextjs 14 على udemy
جزاك الله عنا كل خير ❤
@tarmeez
10 ай бұрын
و اياك يا رب
نفع الله بك
فوق الممتاز بجد مشكوووور ، ممكن تعملنا فيديو عن Three js library علشان تايهه فيها مع تطبيق عملي زي الفيديو دا
أفضل شرح تابعته لحد اللحظة حول nextjs .. مشكور على المجهود .. جعله الله في ميزان حسناتك
@tarmeez
5 ай бұрын
الله يبارك فيك و يسلمك
انت رهيب
فنان بسم الله ماشاء الله الله يعطيك العافية
@tarmeez
10 ай бұрын
الله يعافيك و يسلمك
بالرك الله فيك شرحك ممتاز
@tarmeez
5 ай бұрын
و فيك يا رب
سهلت علينا الموضوع بعد ما كان معقد ربي يوفقك
@tarmeez
10 ай бұрын
و اياك يا رب
جزاك الله خيرا ❤❤
@tarmeez
10 ай бұрын
و اياك يا رب
شكرا من القلب 💯💯💯💯💯💯💯💯
شرح جميل اخي يعربن جزاك الله خيرا
@tarmeez
10 ай бұрын
و اياك يا رب
اوقفت الفيديو واردت ان اشكرك شرح جد جميل
@tarmeez
6 ай бұрын
العفو.. سعيد انه كان مفيدك لك
بارك الله فيك اخي العزيز
@tarmeez
10 ай бұрын
و فيك بارك
السلام عليكم ياغالي ممكن تشرح jwt authentication مع nodemailer في Next.js 13 و ال Role عشان التمييز بين ال Admin و User
@mohammedmatar1276
9 ай бұрын
اذا لقيت شرح منيح ، شيره يا غالي
شكرا
ممتاز
ممكن شرح لل Next JS 14
Thank you very mush
ممكن تعمل فيديو عن مشروع متوسط مثل موقع شخصي ... جزاك الله خير
muy buen video
قبل ما شوف الفيديو يا ريت تنزل فيديو تاني موسع
بارك الله فيك ياريت تشرح طريقة جلب البيانات باستخدتم مكتبة axios
رائع
منطقي نتعلمه على طول عناد
لقد اشتركتك بالكورس الخاص بك في React js وكان الكورس جدا رائع واحترافي .... جزاك الله خيرا على كل الجهد المبذول فيه ووفقك الله .
@tarmeez
6 ай бұрын
ربي يسعدك شكرا لك 🌷🌷🙌🏻
اقسم بالله العظيم حاجة في منتهى العظمة والجمال وتبسيط المعلومات والإلمام بكل ما يخص next من مواضيع ،، جزاك الله كل الخير وابعد عنك كل الشر ♥️ ♥️ ♥️
@tarmeez
10 ай бұрын
الله يسعدك يا رب شكرا لدعمك و كلامك الجميل و حسن ظنك 🌷🌷🙌🏻
والله مبدع بصراحة انا شفت الجزئيات يلي بس تعلمت next js ما خد بالي منها مثل SSR SSG ISG و Loading page مبدع بصراحة واذا بتقدر تسوي شرح عن context react وهل تستبدل redux من هي الناحية وشكرا بجد
في الوقت المناسب جداا
بعد ماشوفت شرح next من حضرتك كان نفسي تعمل كورس موسع للnext حتي لو كان علي يوديمي ياريت تفكر في الموضوع لأني نفسي أتعلم next منك يابشمهندس زي كورس الريأكت كده وجزاك الله كل خير وبارك فيك
جزاك الله خير + حابب اضيف طريقة تسهل ع المبرمج انشاء مجلد بداخله ملف بطريقة اسهل على vscode 1- اضغط click يمين على اى مجلد تريد انشاء مجلد بداخله 2- اختار new file 3- اكتب : folderName/fileName واضغط enter ودا هيكونلك المجلد وبداخله الملف بخطوة واحدة
Thanks a lot , do you have Nextjs 14 video ?
شكرا ياهندسه, ممكن linkedin profile الخاصه بيك
بالفعل دورة جد ممتاز ، ممكن دورة مثل دي react crash course وشكرا
@yibq_
9 ай бұрын
فيه كورس له مدفوع هو حاطه بالوصف
كل الدعم يا بشمهندس اول شرح مبسط و مفهوم عربي شفته عاليوتيوب شكرا لمجهودك ❤❤❤
@tarmeez
10 ай бұрын
الله يسعدك و يسلمك يا رب 🌷🌷
Wow ❤❤
شـــكراً يعرب ^_^
@tarmeez
10 ай бұрын
العفو 😄
شرح رائع ,شكرا لك , اطار عمل قوي جدا يحل مهام كثيرة ب react , كنت اتابع NEXT اصدار 10 ولم اكمله ووجدت به فروقات بعد الانتهاء من هذا الدرس , و مر معي كورس على NEXT 14 فهل يوجد تحديثات مهمة تتطلب دراسته ؟