جلب البيانات
يسمح جلب البيانات في Next.js بعرض محتواك بطرق مختلفة، اعتمادًا على حالة استخدام تطبيقك. يتضمن ذلك التصيير المسبق باستخدام التصيير من جانب الخادم (Server-side Rendering) أو التوليد الثابت (Static Generation)، وتحديث أو إنشاء المحتوى أثناء التشغيل باستخدام التجديد الثابت التدريجي (Incremental Static Regeneration).
أمثلة
- مثال WordPress(عرض تجريبي)
- بداية مدونة باستخدام ملفات markdown (عرض تجريبي)
- مثال DatoCMS (عرض تجريبي)
- مثال TakeShape (عرض تجريبي)
- مثال Sanity (عرض تجريبي)
- مثال Prismic (عرض تجريبي)
- مثال Contentful (عرض تجريبي)
- مثال Strapi (عرض تجريبي)
- مثال Prepr (عرض تجريبي)
- مثال Agility CMS (عرض تجريبي)
- مثال Cosmic (عرض تجريبي)
- مثال ButterCMS (عرض تجريبي)
- مثال Storyblok (عرض تجريبي)
- مثال GraphCMS (عرض تجريبي)
- مثال Kontent (عرض تجريبي)
- عرض تجريبي لـ Static Tweet
- مثال Enterspeed (عرض تجريبي)
getStaticProps
جلب البيانات وإنشاء صفحات ثابتة باستخدام `getStaticProps`. تعرف على المزيد حول واجهة برمجة التطبيقات هذه لجلب البيانات في Next.js.
getStaticPaths
جلب البيانات وإنشاء صفحات ثابتة باستخدام `getStaticPaths`. تعرف على المزيد حول واجهة برمجة التطبيقات هذه لجلب البيانات في Next.js.
النماذج والتحويلات (Forms and Mutations)
تعلم كيفية التعامل مع إرسال النماذج وتحويل البيانات باستخدام Next.js.
getServerSideProps
جلب البيانات في كل طلب باستخدام `getServerSideProps`.
التحديث التدريجي للصفحات الثابتة (ISR)
تعلم كيفية إنشاء أو تحديث الصفحات الثابتة أثناء التشغيل باستخدام التحديث التدريجي للصفحات الثابتة.
جلب البيانات من جانب العميل (Client-side Fetching)
تعرف على جلب البيانات من جانب العميل، وكيفية استخدام SWR، وهي مكتبة خطافات React لجلب البيانات التي تعالج التخزين المؤقت، إعادة التحقق، تتبع التركيز، إعادة الجلب على فترات والمزيد.