مقدمة
مرحبًا بكم في توثيق Next.js!
ما هو Next.js؟
Next.js هو إطار عمل React لبناء تطبيقات ويب كاملة المكدس. تستخدم مكونات React لبناء واجهات المستخدم، بينما يوفر Next.js ميزات وتحسينات إضافية.
كما يقوم تلقائيًا بتكوين أدوات منخفضة المستوى مثل المجمعات (bundlers) والمترجمات (compilers). يمكنك بدلاً من ذلك التركيز على بناء منتجك وإطلاقه بسرعة.
سواء كنت مطورًا فرديًا أو جزءًا من فريق أكبر، يمكن لـ Next.js مساعدتك في بناء تطبيقات React تفاعلية وديناميكية وسريعة.
كيفية استخدام التوثيق
تم تنظيم التوثيق إلى 4 أقسام:
- البدء: دروس خطوة بخطوة لمساعدتك في إنشاء تطبيق جديد وتعلم الميزات الأساسية لـ Next.js.
- الإرشادات: دروس حول حالات استخدام محددة، اختر ما يناسبك.
- الغوص العميق: شروحات متعمقة حول كيفية عمل Next.js.
- مرجع API: مرجع تقني مفصل لكل ميزة.
استخدم الشريط الجانبي للتنقل بين الأقسام، أو استخدم البحث (Ctrl+K أو Cmd+K) للعثور سريعًا على صفحة.
موجه التطبيق (App Router) وموجه الصفحات (Pages Router)
يحتوي Next.js على نوعين مختلفين من الموجهات:
- موجه التطبيق (App Router): الموجه الأحدث الذي يدعم ميزات React الجديدة مثل مكونات الخادم (Server Components).
- موجه الصفحات (Pages Router): الموجه الأصلي، ما زال مدعومًا ويتم تحسينه.
في أعلى الشريط الجانبي، ستلاحظ قائمة منسدلة تتيح لك التبديل بين توثيق موجه التطبيق وموجه الصفحات.
المعرفة المسبقة المطلوبة
يفترض توثيقنا بعض الإلمام بتطوير الويب. قبل البدء، سيكون من المفيد أن تكون على دراية بـ:
- HTML
- CSS
- JavaScript
- React
إذا كنت جديدًا على React أو تحتاج إلى تحديث معلوماتك، نوصي بالبدء مع دورة أساسيات React، ودورة أساسيات Next.js التي تتيح لك بناء تطبيق أثناء التعلم.
إمكانية الوصول
لأفضل تجربة عند استخدام قارئ الشاشة، نوصي باستخدام Firefox مع NVDA، أو Safari مع VoiceOver.
انضم إلى مجتمعنا
إذا كانت لديك أي أسئلة حول Next.js، فأنت دائمًا مرحب بك في طرحها على مجتمعنا عبر مناقشات GitHub، Discord، X (تويتر)، وReddit.