Next.js

Next.js هو إطار عمل مفتوح المصدر لتطوير الويب الكامل تم إنشاؤه بواسطة شركة Vercel الخاصة، ويوفر تطبيقات ويب قائمة على React مع عرض من جانب الخادم وعرض ثابت .

تذكر وثائق React مكتبة Next.js ضمن "مجموعات الأدوات الموصى بها"، وتنصح المطورين باستخدامها عند "بناء موقع ويب مُقدّم من جانب الخادم باستخدام Node.js ". ^{[ 6 ]} في حين أن تطبيقات React التقليدية لا تستطيع عرض محتواها إلا في متصفح العميل، فإن Next.js توسّع هذه الوظيفة لتشمل التطبيقات التي يتم عرضها على جانب الخادم.

حقوق النشر والعلامات التجارية لـ Next.js مملوكة لشركة Vercel ، ^{[ 7 ]} التي تتولى أيضًا صيانة وتطوير برنامجها مفتوح المصدر. ^{[ 8 ]}

Next.js هو إطار عمل React يُتيح العديد من الميزات الإضافية، بما في ذلك العرض من جانب الخادم والعرض الثابت . ^{[ 9 ]} React مكتبة JavaScript تُستخدم تقليديًا لبناء تطبيقات الويب التي تُعرض في متصفح المستخدم باستخدام JavaScript. ^{[ 10 ]} مع ذلك، يُدرك المطورون وجود العديد من المشاكل في هذه الاستراتيجية، مثل عدم تلبية احتياجات المستخدمين الذين لا يملكون صلاحية الوصول إلى JavaScript أو قاموا بتعطيلها، بالإضافة إلى مشاكل أمنية محتملة، وزيادة ملحوظة في أوقات تحميل الصفحات، والإضرار بتحسين محركات البحث للموقع . ^{[ 10 ]} تتجاوز أطر العمل مثل Next.js هذه المشاكل من خلال السماح بعرض جزء من الموقع أو كله على جانب الخادم قبل إرساله إلى المستخدم. ^{[ 10 ] [ 11 ]} يُعد Next.js أحد أشهر أطر عمل React. ^{[ 12 ]} وهو أحد "سلاسل الأدوات" الموصى بها عند بدء تطبيق جديد، والتي تُوفر جميعها طبقة تجريد للمساعدة في المهام الشائعة. ^{[ 13 ]} يتطلب Next.js Node.js ويمكن تهيئته باستخدام npm .

ساهمت جوجل في مشروع Next.js، بما في ذلك 43 طلب سحب في عام 2019. ^{[ 14 ]} اعتبارًا من أكتوبر 2024، يُستخدم هذا الإطار من قِبل العديد من المواقع الإلكترونية الكبيرة، بما في ذلك وول مارت ، وآبل ، ونايكي ، ونتفليكس ، وتيك توك ، وأوبر ، وليفت ، وستاربكس ، وسبوتيفاي . ^{[ 10 ] [ 15 ]} في أوائل عام 2020، جمعت شركة Vercel مبلغ 21 مليون دولار أمريكي في جولة التمويل الأولى (Series A) لدعم تحسينات البرنامج. ^{[ 16 ]} المؤلف الأصلي للإطار، غييرمو راوخ، هو حاليًا الرئيس التنفيذي لشركة Vercel، ويتولى تيم نيوتكنز مسؤولية صيانة المشروع. ^{[ 17 ]}

تم إطلاق Next.js لأول مرة كمشروع مفتوح المصدر على GitHub في 25 أكتوبر 2016. ^{[ 3 ]} وقد طُوّر في الأصل بناءً على ستة مبادئ: وظائف جاهزة للاستخدام لا تتطلب أي إعداد، استخدام جافا سكريبت في كل مكان، كتابة جميع الدوال بلغة جافا سكريبت، تقسيم تلقائي للكود وعرض من جانب الخادم، جلب بيانات قابل للتكوين، توقع الطلبات، وتبسيط عملية النشر. ^{[ 18 ]}

أُعلن عن Next.js 2.0 في مارس 2017، وتضمن العديد من التحسينات التي سهّلت العمل مع المواقع الإلكترونية الصغيرة. كما زاد من كفاءة عملية البناء وحسّن قابلية التوسع لميزة استبدال الوحدات النمطية الساخنة. ^{[ 19 ]}

صدرت النسخة 7.0 في سبتمبر 2018 مع تحسينات في معالجة الأخطاء ودعم واجهة برمجة تطبيقات السياق الخاصة بـ React لتحسين معالجة المسارات الديناميكية. وكانت هذه أيضًا أول نسخة تُحدَّث إلى Webpack 4. ^{[ 20 ]}

صدرت النسخة 8.0 في فبراير 2019، وكانت أول نسخة تُتيح نشر التطبيقات بدون خوادم ، حيث يُقسّم الكود إلى دوال لامدا تُنفّذ عند الطلب. كما قلّلت هذه النسخة الوقت والموارد اللازمة للتصدير الثابت، وحسّنت أداء الجلب المسبق . ^{[ 21 ]}

تضمنت النسخة 9.3، التي أُعلن عنها في مارس 2020، تحسينات متنوعة ودعمًا عالميًا لوحدات Sass وCSS. ^{[ 22 ]}

في 27 يوليو 2020، تم الإعلان عن الإصدار 9.5 من Next.js، والذي أضاف إمكانيات جديدة تشمل إعادة التوليد الثابت التدريجي، وإعادة الكتابة، ودعم إعادة التوجيه. ^{[ 23 ]}

في 15 يونيو 2021، تم إصدار الإصدار 11 من Next.js، والذي تضمن من بين أمور أخرى: دعم Webpack 5، ومعاينة لوظيفة البرمجة التعاونية في الوقت الفعلي "Next.js Live"، ووظيفة تجريبية للتحويل التلقائي من Create React App إلى نموذج متوافق مع Next.js "Create React App Migration". ^{[ 24 ]}

في 26 أكتوبر 2021، تم إصدار Next.js 12، والذي أضاف مُصرّف Rust ، مما جعل عملية التجميع أسرع، ودعم AVIF ، ووظائف Edge والبرامج الوسيطة، واستيراد ESM وURL الأصلي. ^{[ 25 ]}

في 26 أكتوبر 2022، أصدرت شركة Vercel الإصدار 13 من Next.js. وقد جلب هذا الإصدار الرئيسي نمط توجيه جديدًا في مرحلة تجريبية ، مع إضافة App Router الذي يدعم التخطيطات، ومكونات خادم React، والبث، ومجموعة جديدة من طرق جلب البيانات. علاوة على ذلك، أعلنت Vercel عن مجموعة أدوات جديدة لتطوير واجهات المستخدم الأمامية تُسمى Turbo، تتضمن Turbopack كبديل لـ Webpack، وTurborepo لأنظمة البناء التزايدي . ^{[ 26 ]}

في مايو 2023، أصدرت شركة Vercel الإصدار 13.4 من Next.js. وقد تضمن هذا الإصدار النسخة المستقرة من App Router، مما يسمح للمطورين باستخدامه في بيئات الإنتاج. ^{[ 27 ]}

في أكتوبر 2023، أصدرت شركة Vercel الإصدار 14 من Next.js، والذي يأتي مع إدارة محسّنة للذاكرة باستخدام وقت التشغيل على الحافة. ^{​​[ 28 ]}

في أكتوبر 2024، أصدرت شركة Vercel الإصدار 15 من Next.js. وقد قدم هذا الإصدار أداة تجميع الملفات Turbopack المبنية على لغة Rust (وهي أسرع من Webpack)، ودعم React 19، وواجهات برمجة تطبيقات الطلبات غير المتزامنة. ^{[ 29 ] [ 30 ]}

في أكتوبر 2025، أصدرت شركة Vercel الإصدار 16 من Next.js. ولعل أبرز ميزاته، من حيث كونه مفتوح المصدر، هي واجهة برمجة تطبيقات Build Adapters، التي تُسهّل التكامل مع مزودي خدمات الاستضافة الذين لديهم متطلبات خاصة، على الرغم من أن Vercel تدعم النشر الذاتي منذ عام 2016. ^{[ 31 ] [ 32 ]}

يدعم Next.js التنسيق باستخدام CSS ، بالإضافة إلى Scss و Sass المُجمّعة مسبقًا ، و CSS-in-JS ، و JSX المُنسّق . ^{[ 13 ]} كما أنه مبنيٌّ مع دعم TypeScript والتجميع الذكي. ^{[ 33 ]} يُستخدم مُترجم SWC مفتوح المصدر لتحويل وتجميع الكود إلى JavaScript قابل للاستخدام بواسطة المتصفح. ^{[ 34 ]} يُستخدم Webpack ، وهو أداة أخرى مفتوحة المصدر، لتجميع الوحدات لاحقًا، ولكن يجري استبداله حاليًا بـ TurboPack. ^{[ 35 ]} تُستخدم جميع هذه الأدوات مع npm في سطر الأوامر. ^{[ 14 ]}

تتمثل الميزة الرئيسية لـ Next.js في استخدامها للعرض من جانب الخادم، مما يقلل العبء على متصفحات الويب ويوفر أمانًا مُعززًا ^{[ 36 ]} . يمكن تطبيق ذلك على أي جزء من التطبيق أو على النظام بأكمله، مما يسمح بتحديد الصفحات الغنية بالمحتوى لعرضها من جانب الخادم ^{[ 10 ]} . كما يمكن تطبيقه فقط على الزوار الجدد، لتخفيف العبء على متصفحات الويب التي لم تُحمّل أيًا من موارد الموقع بعد ^{[ 11 ]} . تكتشف ميزة "إعادة التحميل الفوري" التغييرات فور حدوثها، وتعيد عرض الصفحات المناسبة لتجنب إعادة تشغيل الخادم. يتيح ذلك انعكاس التغييرات التي تُجرى على كود التطبيق فورًا في متصفح الويب، مع العلم أن بعض المتصفحات قد تتطلب تحديث الصفحة ^{[ 10 ]} . يستخدم البرنامج توجيهًا قائمًا على الصفحات لتسهيل عمل المطورين، ويتضمن دعمًا للتوجيه الديناميكي. وتشمل الميزات الأخرى استبدال الوحدات النمطية أثناء التشغيل بحيث يمكن استبدال الوحدات النمطية مباشرةً، وتقسيم الكود التلقائي الذي يتضمن فقط الكود الضروري لتحميل الصفحة، وجلب الصفحة مسبقًا لتقليل وقت التحميل. ^{[ 10 ]}

يدعم Next.js أيضًا إعادة التوليد الثابت التدريجي ^{[ 37 ]} وإنشاء المواقع الثابتة - حيث يتم عادةً إنشاء نسخة مُجمّعة من الموقع أثناء عملية البناء وحفظها في مجلد .next. عند طلب المستخدم للموقع، يتم تخزين النسخة المُجهزة مسبقًا، وهي عبارة عن صفحات HTML ثابتة، مؤقتًا وإرسالها إليه. هذا يجعل وقت التحميل سريعًا جدًا، ولكنه غير مناسب لجميع المواقع، وخاصةً المواقع التفاعلية التي تتغير باستمرار وتعتمد بشكل كبير على تفاعل المستخدم.

في نوفمبر 2025، أبلغ الباحث الأمني ​​لاكلان ديفيدسون فريق React عن ثغرة أمنية تسمح بتنفيذ تعليمات برمجية عن بُعد دون مصادقة، وذلك من خلال خلل في بروتوكول إلغاء تسلسل مكونات خادم React. نُشر إصلاح لهذه الثغرة على npm في 3 ديسمبر، وتم الكشف عنها علنًا تحت رقم CVE-2025-55182 ("React2Shell")، وحصلت على درجة 10.0 في نظام CVSS. ^{[ 38 ] [ 39 ]} تأثرت إصدارات Next.js 15.x و16.x بهذه الثغرة، وتم تتبعها بشكل منفصل تحت رقم CVE-2025-66478، نظرًا لتأثر إعدادات App Router الافتراضية بها. رصدت فرق استخبارات التهديدات في أمازون محاولات استغلال من قبل عدة مجموعات تهديد صينية مرتبطة بالدولة في غضون ساعات من الكشف العلني عن هذه الثغرة. ^{[ 40 ]} في 5 ديسمبر، أضافت وكالة الأمن السيبراني وأمن البنية التحتية (CISA) هذه الثغرة إلى قائمة الثغرات الأمنية المعروفة والمستغلة (KEV). ^{[ 41 ]} في 6 ديسمبر 2025، أصدرت شركة Vercel حزمة npm المسماة fix-react2shell-next للتحديث إلى الإصدارات التي تم تطبيق الإصلاح الأمني ​​عليها. ^{[ 42 ]}

• مقارنة بين أطر عمل الويب القائمة على جافا سكريبت
• مقارنة أطر عمل الويب من جانب الخادم §  جافا سكريبت
• غاتسبي (برنامج)
• حزمة برامج LAMP
• Nuxt.js
• موجه التفاعل

• الموقع الرسمي