مقدمة
مرحبًا بكم في توثيق Next.js!
ما هو Next.js؟
Next.js هو إطار عمل React لبناء تطبيقات ويب كاملة المكدس. تستخدم مكونات React لبناء واجهات المستخدم، وNext.js للميزات والتحسينات الإضافية.
تحت الغطاء، يقوم Next.js أيضًا بتجريد وتكوين الأدوات المطلوبة لـ React تلقائيًا، مثل التجميع والتحويل وغير ذلك. هذا يسمح لك بالتركيز على بناء تطبيقك بدلاً من قضاء الوقت في التكوين.
سواء كنت مطورًا فرديًا أو جزءًا من فريق أكبر، يمكن لـ Next.js مساعدتك في بناء تطبيقات React تفاعلية وديناميكية وسريعة.
الميزات الرئيسية
بعض الميزات الرئيسية لـ Next.js تشمل:
| الميزة | الوصف |
|---|---|
| التوجيه | جهاز توجيه يعتمد على نظام الملفات مبني على مكونات الخادم يدعم التخطيطات والتوجيه المتداخل وحالات التحميل ومعالجة الأخطاء والمزيد. |
| التصيير | تصيير من جانب العميل ومن جانب الخادم باستخدام مكونات العميل والخادم. تم تحسينه أكثر مع التصيير الثابت والديناميكي على الخادم باستخدام Next.js. بث على بيئات تشغيل Edge وNode.js. |
| جلب البيانات | جلب بيانات مبسط باستخدام async/await في مكونات الخادم، وواجهة برمجة تطبيقات fetch موسعة لتخزين الطلبات مؤقتًا وتخزين البيانات وإعادة التحقق من صحتها. |
| التنسيق | دعم لطرق التنسيق المفضلة لديك، بما في ذلك وحدات CSS وTailwind CSS وCSS-in-JS |
| التحسينات | تحسينات الصور والخطوط والنصوص البرمجية لتحسين مؤشرات Core Web Vitals وتجربة المستخدم لتطبيقك. |
| TypeScript | دعم محسن لـ TypeScript، مع فحص أنواع أفضل وتجميع أكثر كفاءة، بالإضافة إلى مكون إضافي مخصص لـ TypeScript ومدقق أنواع. |
كيفية استخدام هذه الوثائق
على الجانب الأيسر من الشاشة، ستجد شريط التنقل للوثائق. تم تنظيم صفحات الوثائق بالتسلسل، من الأساسي إلى المتقدم، حتى تتمكن من متابعتها خطوة بخطوة عند بناء تطبيقك. ومع ذلك، يمكنك قراءتها بأي ترتيب أو الانتقال إلى الصفحات التي تنطبق على حالتك الاستخدامية.
على الجانب الأيمن من الشاشة، سترى جدول محتويات يسهل التنقل بين أقسام الصفحة. إذا كنت بحاجة إلى العثور على صفحة بسرعة، يمكنك استخدام شريط البحث في الأعلى، أو اختصار البحث (Ctrl+K أو Cmd+K).
للبدء، تحقق من دليل التثبيت.
موجه التطبيق مقابل موجه الصفحات
يحتوي Next.js على جهازي توجيه مختلفين: موجه التطبيق وموجه الصفحات. موجه التطبيق هو جهاز توجيه أحدث يسمح لك باستخدام أحدث ميزات React، مثل مكونات الخادم والبث. موجه الصفحات هو جهاز التوجيه الأصلي لـ Next.js، الذي سمح لك ببناء تطبيقات React مع تصيير من جانب الخادم وما زال مدعومًا لتطبيقات Next.js القديمة.
في أعلى الشريط الجانبي، ستلاحظ قائمة منسدلة تتيح لك التبديل بين ميزات موجه التطبيق وموجه الصفحات. نظرًا لوجود ميزات فريدة لكل دليل، من المهم تتبع علامة التبويب المحددة.
كما أن مسار التنقل في أعلى الصفحة سيحدد أيضًا ما إذا كنت تشاهد وثائق موجه التطبيق أو موجه الصفحات.
المعرفة المسبقة
على الرغم من أن وثائقنا مصممة لتكون سهلة للمبتدئين، إلا أننا نحتاج إلى تحديد خط أساسي حتى تتمكن الوثائق من البقاء مركزة على وظائف Next.js. سنحرص على توفير روابط للوثائق ذات الصلة كلما قدمنا مفهومًا جديدًا.
للحصول على أقصى استفادة من وثائقنا، يوصى بأن يكون لديك فهم أساسي لـ HTML وCSS وReact. إذا كنت بحاجة إلى تحديث مهاراتك في React، تحقق من دورة أساسيات Next.js، والتي ستقدمك إلى الأساسيات.
إمكانية الوصول
لتحقيق أفضل إمكانية وصول عند استخدام قارئ شاشة أثناء قراءة الوثائق، نوصي باستخدام Firefox وNVDA، أو Safari وVoiceOver.
انضم إلى مجتمعنا
إذا كان لديك أي أسئلة حول أي شيء يتعلق بـ Next.js، فأنت دائمًا مرحب بك لطرحها على مجتمعنا في مناقشات GitHub، Discord، Twitter، وReddit.