Nuxt إطار عمل مبني على Vue يعرض الصفحات من الخادم قبل إرسالها إلى المتصفح. وهو موجود للسبب نفسه الذي وُجد لأجله Next.js: فصفحة عامة تُعرض في المتصفح فقط بطيئة للعملاء وشبه غير مرئية للزواحف.
ما هي Nuxt؟
يعمل Vue وحده في المتصفح. فيرسل الخادم صفحة شبه فارغة، ثم ينزّل المتصفح كود JavaScript وينفذه، وعندها فقط يظهر المحتوى. وهذا مقبول خلف تسجيل دخول؛ ومشكلة لأي شيء عام.
يعرض Nuxt الصفحة كـ HTML حقيقي على الخادم أولًا، فيصل النص والعناوين والصور ضمن الاستجابة. كما يوفّر التوجيه وتحسين الصور ونقاط الـ API في حزمة واحدة، ما يقصّر البناء كثيرًا.
ويدعم التوليد الثابت أيضًا — عرض الصفحات مسبقًا إلى ملفات عند البناء — وهذا يناسب موقعًا يتغير محتواه بجدول لا باستمرار، ويكلّف استضافته عندها ما يقارب الصفر.
متى نختار Nuxt
حين يعمل مطوّرو العميل بـ Vue ويكون الموقع عامًا. فاختيار Next.js هناك يعني تسليم قاعدة كود لا يستطيع الفريق الداخلي صيانتها، وهذه نتيجة أسوأ من منظومة أصغر قليلًا.
وحين يكون الموقع كثيف المحتوى ويُحدَّث بجدول. فالتوليد الثابت في Nuxt ينتج ملفات عادية يخدمها أي مضيف فورًا، وهو أسرع وأرخص ما يمكن أن يكونه موقع تسويقي.
وهو أيضًا الجواب العملي حين يملك عميل قاعدة كود Vue قائمة ويحتاج ترتيب الموقع التسويقي. فإعادة بناء مكونات تعمل في إطار آخر لكسب العرض من الخادم كلفة بلا فائدة للمنتج؛ وNuxt يمنح العرض بلا إعادة الكتابة.
متى لا نستخدم Nuxt
حين لا يوجد استثمار قائم في Vue. فلـ Next.js منظومة أكبر وخيارات استضافة أكثر وتجمّع توظيف أوسع بكثير، فبلا سبب لتفضيل Vue نعود افتراضيًا إلى Next.js.
وكـ Next.js، يحتاج Nuxt عملية Node. وعلى استضافة cPanel المشتركة نبني بـ Laravel بدلًا منه، فيحقق السرعة نفسها على بنية يدفع العميل ثمنها أصلًا.
ما الذي نبنيه بـ Nuxt
مواقع تسويقية لفرق Vue
موقع عام سريع خلفه نظام إدارة محتوى، بالإطار الذي يعرفه مطوروك أصلًا. معروض من الخادم فيترتب في البحث، مع ميزانية أداء مفروضة في CI فيبقى سريعًا بعد رحيلنا.
مواقع محتوى مولّدة ثابتًا
التوثيق، والكتالوجات، والأدلة — أي شيء بصفحات كثيرة تتغير بجدول. يُعرض مسبقًا إلى ملفات، ويُخدَم من شبكة توزيع، فيصبح شبه غير قابل للكسر وشبه مجاني التشغيل.
مواقع تسويقية ثنائية اللغة
يتعامل Nuxt مع توجيه اللغات والاتجاه من اليمين وhreflang كاهتمامات أصيلة لا عبر إضافة، ما يزيل معظم العمل الدقيق من إطلاق بالعربية والإنجليزية.
مواقع محتوى فوق نظام منفصل الواجهة
صفحات تُعرض من الخادم من Strapi أو Sanity، مخزنة على الحافة، مع معاينة المحررين قبل النشر. سريعة للزائر وعادية لمن يكتب، وهذا هو الهدف.
كيف نطلق مشاريع Nuxt
الانضباط نفسه كأي واجهة أخرى نبنيها: TypeScript في كل شيء، وميزانية أداء مفروضة في CI، وصور تُحوَّل عند البناء، ومستودعك من أول commit.
ويُقرَّر وضع العرض لكل مسار لا للموقع كله. فصفحة أسعار تتغير مرتين في السنة تُعرض مسبقًا؛ ولوحة خلف تسجيل دخول لا. وتطبيق استراتيجية واحدة في كل مكان هو كيف تنتهي هذه المشاريع أبطأ مما كان لازمًا.
ما تكلّفك Nuxt
منظومة أصغر من Next.js، وعدد أقل من المضيفين يقدّم نشرًا بنقرة واحدة له. وكلاهما قابل للإدارة وكلاهما حقيقي.
كما مرّ Nuxt بانتقالَي نسخة كبيرين في السنوات الأخيرة، تطلّب كل منهما عمل ترحيل. ونستهدف الإصدار المستقر الحالي ونرصد نافذة ترقية بدل معاملتها كمفاجأة.
الاستضافة هي القيد العملي. فموقع Nuxt يحتاج عملية Node، فتخرج خطة cPanel وتنظر إلى خادم افتراضي صغير أو منصة مثل Vercel. وذلك عادةً 20 إلى 60 دولارًا شهريًا لا 5، وهذا يهم في الطرف الصغير من السوق ويستحق المعرفة قبل الاتفاق على البنية.
والإطار يتحرك بسرعة أيضًا. فالنسخ الكبرى تطلّبت عمل ترحيل، وموقع يُترك دون مساس ثلاث سنوات سيكون تحديثه عملًا أكبر مما سيكونه موقع Laravel مكافئ.
أسئلة تُطرح علينا عن Nuxt
إن كان فريقك يكتب Vue أصلًا، فـ Nuxt. وإن كنت تبدأ من الصفر أو تخطط لتوظيف مطوّري واجهات في الإمارات، فـ Next.js — فالمنظومة وتجمّع التوظيف كلاهما أكبر. وتقنيًا هما متقاربان بما يكفي ليحسم سؤال الفريق الأمر.
نعم، لأن الخادم يرسل HTML مكتملًا. وهذا هو سبب استخدام Nuxt بدل Vue العادي كله. فموقع Vue عادي يرسل صفحة فارغة ويملؤها بـ JavaScript، وهناك تفقد التطبيقات أحادية الصفحة ظهورها في البحث.
ليس على خطة cPanel قياسية، لا — فهو يحتاج عملية Node. وإن كانت الاستضافة المشتركة قيدًا صارمًا، فبناء Laravel أو WordPress هو الخيار الواقعي، وسنقول ذلك بدل إضافة خادم افتراضي إلى الميزانية بهدوء.
تغييرات المحتوى لك عبر نظام إدارة المحتوى. أما الإطار نفسه فيحتاج تحديثًا مرة أو مرتين سنويًا، وذلك إما ترتيب دعم معنا أو بضع ساعات من أي مطوّر Vue. ونسلّم كودًا موثّقًا في الحالتين — ولا شيء احتكاري فيه.
نعم، ويتعامل مع الأجزاء المؤلمة عادةً — مسارات ببادئة لغة، وعناوين URL مترجمة، وتخطيط من اليمين، ووسوم hreflang التي تمنع صفحاتك الإنجليزية والعربية من التنافس في البحث. وتلك إعدادات في Nuxt لا مصارعة إضافة، وهذا توفير ملموس في مشروع تكون فيه العربية متطلبًا حقيقيًا لا فكرة لاحقة.