لماذا تتعلم Next.js؟
Next.js هو إطار عمل React مفتوح المصدر طورته شركة Vercel، ويُبسّط إنشاء تطبيقات الويب الحديثة عالية الأداء. وهو يجمع أفضل ما في React مع ميزات متقدمة مخصصة للإنتاج.
تقودك هذه السلسلة من الدروس عبر المفاهيم الأساسية في Next.js، بدءًا من التثبيت وحتى إنشاء واجهات برمجية (APIs) متكاملة مع توثيق Swagger. تعلّم كيف تبني تطبيقات full-stack حديثة وعالية الأداء.
دروس السلسلة
1
مقدمة في Next.js
اكتشف Next.js، إطار عمل React الذي يُحدث ثورة في تطوير الويب الحديث بفضل العرض من جانب الخادم والتوليد الثابت وغير ذلك الكثير.
ابدأ هذا الدرس 2
التثبيت والإعداد
تعلّم كيف تثبّت Next.js، وتُعدّ بيئة التطوير الخاصة بك، وتنشئ تطبيقك الأول.
ابدأ هذا الدرس 3
نظام التوجيه
أتقن نظام التوجيه في Next.js: الصفحات الثابتة والديناميكية، والمسارات المتداخلة (nested routes)، والتنقل.
ابدأ هذا الدرس 4
API Routes
تعلّم كيف تنشئ واجهات برمجية (APIs) قوية باستخدام Next.js: نقاط نهاية REST، وmiddleware، والمصادقة، ومعالجة الأخطاء.
ابدأ هذا الدرس 5
توثيق Swagger
تعلّم كيف توثّق واجهات Next.js البرمجية (APIs) باستخدام Swagger UI: الإعداد، والتعليقات التوضيحية، والتوليد التلقائي للتوثيق.
ابدأ هذا الدرس 6
مشروع متكامل - مدونة من الألف إلى الياء
طوّر تطبيق مدونة متكاملاً باستخدام Next.js: المصادقة، وواجهة API، وقاعدة البيانات، ولوحة تحكم المشرف، والنشر.
ابدأ هذا الدرس 7
منصة تجارة إلكترونية باستخدام Next.js 15
أنشئ منصة تجارة إلكترونية متكاملة باستخدام Next.js 15: المتجر، وسلة المشتريات، ومدفوعات Stripe، وإدارة الطلبات، ولوحة تحكم المشرف.
ابدأ هذا الدرس