البدء
مرحبًا بكم في وثائق Next.js!
سيساعدك قسم البدء هذا في إنشاء أول تطبيق Next.js الخاص بك وتعلم الميزات الأساسية التي ستستخدمها في كل مشروع.
المعرفة المسبقة
تفترض وثائقنا بعض الإلمام بتطوير الويب. قبل البدء، سيكون من المفيد أن تكون على دراية بـ:
- HTML
- CSS
- JavaScript
- React
إذا كنت جديدًا على React أو تحتاج إلى تحديث معلوماتك، نوصي بالبدء مع دورة أساسيات React، ودورة أساسيات Next.js التي تمكنك من بناء تطبيق أثناء التعلم.
الخطوات التالية
التثبيت
إنشاء تطبيق Next.js جديد باستخدام واجهة سطر الأوامر `create-next-app`، وإعداد TypeScript و ESLint و Module Path Aliases.
هيكل المشروع
نظرة عامة على اصطلاحات المجلدات والملفات في Next.js، وكيفية تنظيم مشروعك.
التخطيطات والصفحات
إنشاء أول صفحاتك وتخطيطاتك، والربط بينها.
الربط والتنقل
تعرف على كيفية عمل الجلب المسبق (Prefetching)، التصيير المسبق (Prerendering)، والتنقل من جانب العميل في Next.js، وكيفية استخدام مكون Link.
الصور
تعلم كيفية تحسين الصور في Next.js
الخطوط
تعلم كيفية استخدام الخطوط في Next.js
CSS
تعرف على الطرق المختلفة لإضافة CSS إلى تطبيقك، بما في ذلك وحدات CSS (CSS Modules)، وCSS العام (Global CSS)، وتيلويند CSS (Tailwind CSS)، وغيرها.
مكونات الخادم والعميل
تعلم كيف يمكنك استخدام مكونات React للخادم والعميل لتقديم أجزاء من تطبيقك على الخادم أو العميل.
جلب البيانات
ابدأ بجلب البيانات وتدفق المحتوى في تطبيقك.
التخزين المؤقت وإعادة التحقق
تعلم كيفية تخزين البيانات مؤقتًا وإعادة التحقق منها في تطبيقك.
تحديث البيانات
تعلم كيفية تحديث البيانات في تطبيق Next.js الخاص بك.
معالجة الأخطاء
تعلم كيفية عرض الأخطاء المتوقعة والتعامل مع الاستثناءات غير الملتقطة.
التصيير الجزئي المسبق
تعلم كيفية الجمع بين مزايا التصيير الثابت والديناميكي باستخدام التصيير الجزئي المسبق.
البيانات الوصفية وصور OG
تعلم كيفية إضافة بيانات وصفية إلى صفحاتك وإنشاء صور OG ديناميكية.
النشر
تعلم كيفية نشر تطبيق Next.js الخاص بك.
الترقية
تعلم كيفية ترقية تطبيق Next.js إلى أحدث إصدار.