إطار Next.Js هل هو باك اند أم فرونت اند ؟

اطار عمل nextjs هو أطار عمل مبني فعلا علي الرياكت 

يعمل على تحسين ال performance لأنه 

يوفر حلولًا لبناء المواقع وتطبيقات الويب بناءً على مكتبة React بسرعة وكفاءة أهمها التصيير من طرف الخادم server-side rendering والتوليد الساكن generating staticوذلك مهم للSeo

يعطيك routing للصفحات بداخله بدون الحاجة إلي المكتبات خارجية 

ولكن تستطيع أيضا إنشاء باك اند بداخله فهو يعطيك مجلد api 

تستطيع الكتابة بداخله backend معتمد على ال nodejs

https://academy.hsoub.com/questions/13636-ما-الفرق-بين-react-و-nextjs؟/#comment-38348

المقصود بعملية الrouting بداخله انك لن تحتاج إلى مكتبات مثل React router dom 

لأنه يعمل بطريقة أخري file based system 

اى فقط تضع الصفحة في مجلد الصفحات وتتم عملية التوجيه ليس عليك أن تؤدي اعدادات مثل React router dom 

بتاريخ 2 ساعة قال Waleed Hawari:

السلام عليكم ورحمة الله وبركاته

كنت اريد معرفة هل إطار Next.Js هو اطار عمل باك اند او فرونت اند ؟ 

لان حسب معلوماتي هو اطار تم تطويره على رياكت ( والاطار هو للفرونت اند )

لكن هناك من يقول انه يمكن للاطار بناء الباك اند الخاص بتطبيق الويب !

اتمنى من شخص ذو خبرة ان يوضح لي ماهو هذا الاطار وشكرا

اطار العمل Next JS مصمم كاطار عمل للواجهات الأمامية، وهو مبني على React ببعض الاضافات مثل ال SEO وال Routing وغيرها.

هذا كان قبل الاصدار Next JS 13 التي أصدرت في أواخر 2022، حيث أصبحت تستطيع بهذا الاصدار أن تستخدم اطار العمل ذاته لتطوير الواجهات الخلفية وتطوير API و middleware وغيرها من المفاهيم الخاصة بتطوير الواجهات الخلفية.

يبقى الفرق بينها وبين Node JS مثلا أن Next JS 13 تعتمد على مايسمى ب serverless architecture، أما Node JS فهي تعتمد على server architecture.

بكل الأحوال، يمكنك استخدام المكتبة لتطوير الواجهة الأمامية أو الخلفية حسب ماتحب، وبعد زيارتك لهذه الصفحة لتوضيح الفرق بينها وبين اطر العمل الأخرى في تطوير الواجهات الخلفية.

الأمر محير بالفعل، ويجعلك تتسائل هل نحن بحاجة إلى واجهة خلفية عند استخدام Next.js؟

أولاً Next.js مبني على بيئة Node.js بالفعل، أي مضمن بداخله Node.js.

ومشاريع Next.js وNode.js تستطيع نشرهم على سيرفر عادي ولا يشترط أن نشر تطبيقات Next.js على منصة تدعم الـ serverless.

وتستطيع من خلال Next.js إنشاء واجهة خلفية لتطبيقك بالفعل، من خلال إنشاء API's والتعامل مع قاعدة البيانات، فكما ذكرت الإطار مبني فوق بيئة Node.js.

وبشكل مفصل لنتعرف أولاً على دورة حياة طلب الجزء الخلفي وتبدو تقريبًا كما يلي:

• المصادقة
• التفويض
• فك تسلسل الطلب (= ضمني في NodeJS / أو اللغات ديناميكية أي يحدث تلقائيًا في الخلفية)
• التحقق من صحة الطلب
• استرجاع الكائنات ذات الصلة
• business logic (كيفية عمل الخادم وكيفية تفاعله مع البيانات)
• الآثار الجانبية Side effects (ليس فقط التخزين في قاعدة البيانات، ولكن إرسال البريد الإلكتروني، واستدعاء خدمة خارجية أخرى، إلخ)
• ربط نموذج البيانات برد API

تنطبق تلك الخطوات سواء كنت تستخدم GraphQL أو REST أو gRPC أو أي بروتوكول آخر.

وكل ذلك تستطيع تسطيع تنفيذه من خلال Next.js لا مشكلة في ذلك، وبشكل مختصر الإطار ممتاز جدًا ويغنيك عن إنشاء واجهة خلفية بشكل منفصل في حال كان المشروع يتمحور أكثر نحو الواجهة الأمامية، أما في حالة العكس فستحتاج إلى واجهة خلفية منفصلة للتعامل مع الأمور المعقدة.