الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

إتقان Next.js

مهلا ، الجميع! أنا لي ، منشئ Mastering Next.js. تم إصدار هذه الدورة في الأصل في عام 2019. لقد تطورت jex.js قليلاً منذ V9 وبعض هذه الدورة "عفا عليها الزمن" رسميًا.

لقد قمت بتحديث نظرة عامة على الدورة أدناه للتعليق على الأجزاء المحدثة ، والتي تغيرت ، وما هي اقتراحاتي الجديدة. في رأيي ، هذه هي الطريقة المثالية لتطوير هذه الدورة. ستكون مقاطع الفيديو بمثابة إشارة إلى نقطة زمنية ، ولكن الإضافات الأحدث للإطار تجعل جوانب معينة أسهل بكثير .

  • ؟ تحديث
  • ؟ عفا عليها الزمن
  • ؟ لا توصي

مقدمة

  • ؟ شاهد الآن (26:07)
  • ؟ فيما يلي أحدث أفكاري حول مقارنة الإطار
  • ؟ يذكر هذا الفيديو تحسين الصورة ، والذي يتم دعمه الآن في Next.js

نظرة عامة على رد فعل

قمت بتدريس مكونات الفصل في عام 2019 لأولئك الذين ما زالوا في عملية التحويل إلى خطافات رد الفعل. في عام 2021 ، أصبح من المعتاد الآن استخدام خطافات React لجميع المشاريع وأوصي بالبدء من هناك.

  • ؟ شاهد الدرس (21:01)
  • ؟ عرض الرمز
  • ؟ الدعائم والدولة
  • ؟ المكونات الوظيفية
  • ؟ رد فعل السنانير
  • ؟ ES6
  • ؟ JSX
  • ؟ مكونات الفصل

النمو محليا

  • ؟ شاهد الدرس (9:49)
  • ؟ next dev ، next build ، next start
  • ؟ أجمل
  • ؟ تم دعم تحسين الصورة الآن في Next.js
  • ؟ تم دمج ESLINT الآن في NEXT.JS
  • ؟ قياسي (فاز أجمل + ESLINT)

التنقل بين الصفحات

  • ؟ شاهد الدرس (19:25)
  • ؟ عرض الرمز
  • ؟ next/link (التوجيه من جانب العميل)
  • ؟ useRouter
  • ؟ استرداد البيانات من عناوين URL
  • ؟ getInitialProps - تم استبدال هذا إلى حد كبير بأبراس واجهات برمجة التطبيقات الأحدث

التصميم

  • ؟ شاهد الدرس (20:04)
  • ؟ عرض الرمز
  • ؟ الاستجابة + التصميم الأول للهاتف المحمول
  • ؟ نمط jsx
  • ؟ وحدات CSS و CSS مدعومة الآن خارج الصندوق
  • ؟ ساس - أوصي بخيارات أخرى
  • ؟ المكونات المصممة - أوصي بخيارات أخرى

جلب البيانات

  • ؟ شاهد الدرس (46:30)
  • ؟ عرض الرمز
  • ؟ طرق API
  • ؟ SWR
  • ؟ GraphQl
  • ؟ هاسورا
  • ؟ عميل أبولو - أوصي SWR
  • ؟ خادم مخصص - انتقلت معظم الاحتياجات لهذا إلى Next.js Core next start .

إدارة الأصول وكبار المسئولين الاقتصاديين

  • ؟ شاهد الدرس (14:19)
  • ؟ فافيكون
  • ؟ فتح الرسم البياني
  • ؟ لا تزال السمات الأساسية صالحة لكبار المسئولين الاقتصاديين
  • ؟ تم دعم تحسين الصورة الآن في Next.js
  • ؟ هناك الآن إرشادات رسمية حول كبار المسئولين الاقتصاديين

بناء مدونة مع MDX

  • ؟ شاهد الدرس (32:32)
  • ؟ عرض الرمز
  • ؟ MDX مقابل CMS
  • ؟ مكتبة المكونات (موضوع واجهة المستخدم) - أوصي بخيارات أخرى
  • ؟ Statickit - تم الحصول عليها بواسطة FormSpree

المصادقة

  • ؟ شاهد الدرس (23:34)
  • ؟ JWTS
  • ؟ Auth0
  • ؟ لدي دورة جديدة باستخدام Firebase و Next.js
  • ؟ أوصي بـ Next-Auth للحصول على حل OSS الآن
  • ؟ فيما يلي أحدث أفكاري حول إدارة الدولة (النماذج)

الاختبار والتعامل مع الأخطاء

  • ؟ شاهد الدرس (33:12)
  • ؟ مزاح
  • ؟ رد فعل مكتبة اختبار
  • ؟ Sentry (انظر أحدث مثال)

إدارة الدولة والمزيد

  • ؟ شاهد الدرس (25:41)
  • ؟ تكامل TypeScript
  • ؟ إليكم أحدث أفكاري حول إدارة الدولة
  • ؟ Redux (انظر أحدث مثال)

تصدير ونشر

  • ؟ شاهد الدرس (11:20)
  • ؟ Vercel
  • ؟ لم تعد بحاجة إلى تخصيص أي شيء في vercel.json - إنه يعمل فقط!
  • ؟ Zeit هو الآن Vercel
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل