جلب البيانات
يسمح لك جلب البيانات في Next.js بعرض محتواك بطرق مختلفة، اعتمادًا على حالة استخدام تطبيقك. تشمل هذه الطرق التصيير المسبق باستخدام التصيير من جانب الخادم (SSR) أو التوليد الثابت (Static Generation)، وتحديث أو إنشاء المحتوى أثناء التشغيل باستخدام التجديد الثابت التدريجي (ISR).
أمثلة
- مثال Agility CMS (عرض تجريبي)
- مثال Builder.io (عرض تجريبي)
- مثال ButterCMS (عرض تجريبي)
- مثال Contentful (عرض تجريبي)
- مثال Cosmic (عرض تجريبي)
- مثال DatoCMS (عرض تجريبي)
- مثال DotCMS (عرض تجريبي)
- مثال Drupal (عرض تجريبي)
- مثال Enterspeed (عرض تجريبي)
- مثال GraphCMS (عرض تجريبي)
- مثال Keystone (عرض تجريبي)
- مثال Kontent.ai (عرض تجريبي)
- مثال Makeswift (عرض تجريبي)
- مثال Plasmic (عرض تجريبي)
- مثال Prepr (عرض تجريبي)
- مثال Prismic (عرض تجريبي)
- مثال Sanity (عرض تجريبي)
- مثال Sitecore XM Cloud (عرض تجريبي)
- مثال Storyblok (عرض تجريبي)
- مثال Strapi (عرض تجريبي)
- مثال TakeShape (عرض تجريبي)
- مثال Tina (عرض تجريبي)
- مثال Umbraco (عرض تجريبي)
- مثال Umbraco Heartcore (عرض تجريبي)
- مثال Webiny (عرض تجريبي)
- مثال WordPress (عرض تجريبي)
- مثال Blog Starter (عرض تجريبي)
- Static Tweet (عرض تجريبي)
getStaticProps
جلب البيانات وإنشاء صفحات ثابتة باستخدام `getStaticProps`. تعرف على المزيد حول واجهة برمجة التطبيقات هذه لجلب البيانات في Next.js.
getStaticPaths
جلب البيانات وإنشاء صفحات ثابتة باستخدام `getStaticPaths`. تعرف على المزيد حول واجهة برمجة التطبيقات هذه لجلب البيانات في Next.js.
النماذج والتحولات
تعلم كيفية التعامل مع إرسال النماذج وتحويل البيانات باستخدام Next.js.
getServerSideProps
جلب البيانات في كل طلب باستخدام `getServerSideProps`.
جلب البيانات من جانب العميل
تعرف على جلب البيانات من جانب العميل، وكيفية استخدام SWR، وهي مكتبة خطاف (Hook) لجلب البيانات في React تتعامل مع التخزين المؤقت، وإعادة التحقق، وتتبع التركيز، وإعادة الجلب على فترات زمنية والمزيد.