▲ جلسة مجتمعية: Nuxt على Vercel

VVercel
컴퓨터/소프트웨어자격증/평생교육AI/미래기술

Transcript

00:00:00وإذا كنت أرغب في ملف أعمال، على سبيل المثال، ربما ليس من المهم حقاً قول ذلك باستخدام هذا، ولكن
00:00:13نعم، ستحصل مباشرة على ما تريد ومن ثم يمكنك تعديل مشروعك بسرعة.
00:00:29إذاً نعم، هذا كل شيء على ما أعتقد بخصوص الوكلاء حالياً، لا أعرف ما إذا كانت لدينا المزيد من الأفكار.
00:00:38يمكنك ذكر منشورات المدونة حيث لدينا كل شيء بالتفصيل لشرح كيف تم
00:00:45تنفيذه، كما أن الكود المصدري مفتوح المصدر.
00:00:49إذا كنت ترغب في التعمق في كيفية إنشائنا للوكيل التالي على الموقع، وما هي المكونات
00:00:55التي نستخدمها لكي نتمكن من عرض التفكير على الموقع، وكل شيء خلف الكواليس و
00:01:02إذا كنت ترغب في المساهمة لإضافة المزيد من الميزات إليه، فأعتقد أن هذا هو المكان الذي يمكنك البدء
00:01:08بالتعلم منه.
00:01:11وهذا ليس الشيء الوحيد أيضاً، أليس كذلك؟
00:01:13لأن "هيوغو" بنى مجموعة أدوات MCP، والتي تمكن أي موقع Nuxt من أن يكون أيضاً خادم
00:01:22MCP ويتم دمجه في أي ذكاء اصطناعي يدعم ذلك.
00:01:30وقد أصبح موقع Nuxt.com حقاً بمثابة التركيز للكثير من الأشياء.
00:01:35لن تصدق أبداً أن لديه واجهة برمجة التطبيقات هذه.
00:01:39إنها واجهة برمجة تطبيقات الوحدات الخاصة بنا التي تشغل أدوات تطوير Nuxt.
00:01:42لديها خوادم MCP، الكثير منها، والتي يمكنك الاتصال بها من تطبيق Nuxt الخاص بك، ومن
00:01:48وكيل الذكاء الاصطناعي الخاص بك، والآن تم بناؤه مع الدردشة.
00:01:53أعني، شخص ما يحتاج إلى إيقاف "هيوغو".
00:01:55إنه، إنه ببساطة بارع جداً.
00:01:59شكراً لك.
00:02:03شيء قام به، سأحاول مشاركة شاشتي بالكامل، شيء أجده
00:02:10مثيراً للإعجاب حقاً.
00:02:11لا أعرف ما إذا كنتم ترون شاشتي الآن.
00:02:15أجل.
00:02:16هذه لوحة التحكم، أعتذر لأنكم لن تتمكنوا من الاتصال بلوحة التحكم هذه، ولكن
00:02:22لدينا هذه الأداة على الموقع حيث يمكنك تقديم ملاحظاتك.
00:02:27وهذا مفيد جداً لنا لنعرف ما هي الصفحات التي يجب التركيز
00:02:32عليها بمرور الوقت، وهل تتحسن؟
00:02:37وقد أطلق مؤخراً إدارة MCP حيث قمنا بالربط بمحادثتنا وإذا لم
00:02:47أكن مخطئاً هنا.
00:02:50يمكنني أن أطلب، اذهب إلى Nuxt admin MCP وأخبرني عن الصفحة الرابعة والمزيد من الملاحظات
00:03:04أو كيفية تحسينها.
00:03:09وبهذه الطريقة، عادةً، إذا قمت بتكوينها بشكل صحيح، يجب أن تعمل، ولكن هذه هي
00:03:16لوحة التحكم، نعم.
00:03:23هذا ما خمنته.
00:03:24أعتقد أنني بحاجة لاستخدام الوكيل المسمى Nuxt admin MCP وإخباري عن أسوأ
00:03:35ملاحظات الصفحات وكيفية تحسينها.
00:03:42ربما هذه هي الصحيحة، ينبغي أن تكون كذلك، نعم.
00:03:56ثم تخبرنا أن هذه الصفحة لديها درجة متوسطة.
00:04:00لم نحصل إلا على ثلاث ملاحظات، ولكن بهذه الطريقة نحن قادرون على فهم بعض الخيوط حول
00:04:07كيفية تحسين هذه الصفحة.
00:04:09ربما لأنها ملاحظات لأسبوع واحد فقط.
00:04:12يمكننا طلب المزيد.
00:04:14نعم، بالضبط.
00:04:17وشيء آخر نعمل عليه، لقد ذكرت Nuxt content و Nuxt content
00:04:21هو نظام إدارة المحتوى الأساسي لدينا حيث لدينا كل توثيقنا في DOM ونحن قادرون على استخدام
00:04:29مكون داخل Markdown.
00:04:32في الأشهر الماضية، كنا نعمل على مشروع باسم Comark.
00:04:36لذا قمنا باستخراج جوهر المحتوى لنتمكن من استخدامه، لفتحه و
00:04:44التعاون مع فريق Zvetki وكذلك فريق Nuxt للحصول على Markdown مع
00:04:50المكونات في وقت التشغيل.
00:04:53وبينما نتحدث عن الذكاء الاصطناعي، يدعم هذا المشروع أيضاً البث والإغلاق التلقائي.
00:05:00لدينا ميزة قيد التطوير هنا، قد تكون هي الأسوأ،
00:05:10أن نكون قادرين على القول، أنشئ لي صفحة عن، لنقل، أحذية كرة السلة.
00:05:20ويمكننا، حالياً يقوم الذكاء الاصطناعي ببث Markdown خام، ولكن من خلال الاستفادة
00:05:26وتعليم الذكاء الاصطناعي استخدام هذا البناء اللغوي، يمكنه البدء في إنشاء صفحات هبوط،
00:05:33باستخدام هذه المكونات خلف الكواليس.
00:05:37هذا تقدم في مرحلة مبكرة جداً، لكنه واعد جداً ونحن نريد
00:05:44أن، نحن نعمل على فتحه للجميع في النسخة الأولى في الأسابيع القادمة.
00:05:51وهذا بخصوص التقدم الحالي لـ Markdown.
00:05:56ونعم، أعتقد أن "دانيال" ربما لديه بعض التقدم الذي يريد مشاركته.
00:06:01أو أرى أنه غادر للتو.
00:06:03أوه، لقد عاد.
00:06:04في الوقت المناسب تماماً.
00:06:05لقد عاد.
00:06:06مرحباً.
00:06:07أهلاً بك.
00:06:08تعلمون، أحب فقط أن أبقيكم متيقظين.
00:06:17أجل، كنت أتحدث عن Comark و Nuxt content، أعني Nuxt content سابقاً، و
00:06:28ثم قلت، ربما لدى "دانيال" شيء ليذكره.
00:06:30وبعد ذلك، أدركت ماذا كنت تفعل بعد المكالمة.
00:06:35حسناً، نعم.
00:06:37أعتقد أن أحد الأشياء المثيرة للاهتمام للغاية، لا أعرف كم عدد الأشخاص
00:06:44الذين يستمعون لهذا؟
00:06:45كيف أفشي بعض الأسرار حول الأشياء التي نفكر في العمل عليها؟
00:06:52أعطِ الناس ما يريدون، ولا تخبروا أحداً، حسناً؟
00:06:57الأمر بيننا وبين الأصدقاء المقربين جداً الذين يستمعون الآن فقط، نحن نتحدث
00:07:12عن كيفية تحسين Nuxt الخاص بنا.
00:07:14لفترة طويلة جداً، كان هذا، وهذا يتداخل قليلاً مع
00:07:19ذلك الجانب الخاص، ولكن Nuxt لفترة طويلة جداً كان حلاً
00:07:25لتحسين محركات البحث (SEO).
00:07:26لذا اعتاد الناس على استخدام Nuxt والحصول على نتائج بحث رائعة بمجرد
00:07:33تثبيته.
00:07:34في الواقع، أعتقد لفترة طويلة، كان Nuxt في صدارة نتائج البحث عن Next JS،
00:07:42هذا صحيح، "سيباستيان"، أنت تتذكر ذلك أيضاً، أليس كذلك؟
00:07:46كان الناس يبحثون عن Next وكان Nuxt يتصدر القائمة، ولم يعد
00:07:50ذلك صحيحاً.
00:07:51نحن بالتأكيد لم نعد نتصدر الترتيب لـ Next بعد الآن.
00:07:53لكننا نفكر فيما يمكننا فعله بأشياء مثل Nuxt content لنجعل Nuxt
00:07:59أفضل، هو منصة ظاهرة لتحسين محركات البحث.
00:08:05ماذا تفعل عندما يبحث الناس فعلياً عن معلومات حول منتجك أو أي شيء
00:08:10قد يستخدمونه، ربما يستخدمون أشياء أخرى مثل الوكيل، أو ربما
00:08:16يستخدمون مكبراً صوتياً ذكياً أو شيئاً من هذا القبيل.
00:08:19كيف يحصلون على معلومات حول موقعك؟
00:08:22وهناك الكثير من الأشياء التي خططنا لها بخصوص ذلك.
00:08:24أنا لا أقود هذا المشروع لكي أكون واضحاً، لكننا نفعل ذلك كفريق، ولا أريد
00:08:28إفشاء الكثير من الأسرار، ولكن هذا شيء يستحق الذكر ربما، عندما
00:08:33يتعلق الأمر بالتفكير في بعض الأشياء الجديدة الرائعة التي قد تحدث في Nuxt content.
00:08:37تلك هي الأمور.
00:08:38أجل.
00:08:39شكراً لك.
00:08:40إذا نظرت إلى طلبات السحب (PR) الأخيرة في مستودع Nuxt.com، أو توثيق
00:08:47Nuxt UI، فقد كان "بنجامين" و"هيوغو" يدفعان بمزيد من تحسينات AEO.
00:08:53بشكل أساسي، إذا كان الوكيل يحاول زحف توثيق Nuxt، وإذا اكتشفنا
00:09:00ذلك عبر ترويسة accept، بانتظار النص الحديث، فإننا نقدم الصفحات
00:09:06الحديثة مباشرة، وكذلك إذا اكتشفنا وكيل المستخدم، فإننا نفعل ذلك لجميع الصفحات،
00:09:13نحاول إضافة JSON-LD، أي المزيد من المحتوى للوكلاء ليفهموا ما
00:09:19يزحفون إليه، ولتقليل نافذة السياق أيضاً، عبر منحهم
00:09:24المحتوى مباشرة.
00:09:26وحتى الآن نحن نجرب ونفكر في الميزات التي يمكن أن تكون جزءاً من
00:09:31النواة أو الوحدة الأساسية لدينا، ولكن قبل إعادة الهيكلة ومحاولة
00:09:36التفكير في شيء شامل، نحتاج أولاً لتجربته بأنفسنا، ونرى
00:09:42كيف يتبناه المجتمع، وإذا كان له معنى حقاً لأن الأمور تتطور
00:09:48بسرعة كبيرة.
00:09:49لقد كنا نتحدث عن LLMs.txt و MCP، والآن عن قبول Markdown كترويسة.
00:09:56كيف سيكون الحال بعد أسبوعين؟
00:09:58لذا لا نريد دفع الميزات مباشرة إلى النواة إذا كنا سنضطر لإلغائها
00:10:06لاحقاً.
00:10:07لذا نحن نسير خطوة بخطوة في هذا، ولكننا نجرب في كل مرة نستطيع فيها.
00:10:16أعتقد أن أحد الأشياء التي أحبها في Nuxt، وقد تحدثنا عن نظام الوحدات
00:10:21وحقيقة أنه من الممكن توسيعه.
00:10:24هذا يعني أنه من الممكن بناء أشياء كهذه لا تدخل في النواة ولا
00:10:28تحتاج لذلك، حيث يمكن أن تكون مجرد تجربة.
00:10:31يمكن أن تكون شيئاً يستخدمه الناس في الإنتاج، على مواقعهم ويمكننا حقاً
00:10:35الحصول على ملاحظات، ليس فقط ملاحظات مفاهيمية أو ملاحظات على طلب تعليقات (RFC)، بل ملاحظات
00:10:42عملية على مشاريع حقيقية أو حالات استخدام واقعية.
00:10:46قبل أن نحتاج، كما تعلمون، لاتخاذ القرار بشأن ما إذا كان الشيء سيصبح
00:10:53وحدة أساسية أم لا.
00:10:56لا أرى ما إذا كان هناك أي سؤال في الدردشة المباشرة
00:11:07يمكننا الإجابة عليه أو.
00:11:08لدي سؤال، وأعلم أنك شاركت بالفعل نوعاً ما
00:11:15أسرار ما تعمل عليه، ولكن هل هناك أي شيء قادم أنت متحمس له
00:11:20بشكل خاص في Nuxt يمكنك مشاركته؟
00:11:32هناك الكثير من الأشياء التي أنا متحمس لها، ولكن لا أريد أن...
00:11:40أحد الأشياء هو أننا نعمل على تجهيز كل شيء للنسخة القادمة
00:11:44الخامسة.
00:11:45هذا شيء كنا نتحدث عنه منذ فترة.
00:11:47النسخة الثالثة من Nitro هي الميزة الرئيسية التي يجلبها هذا، وتجهيز
00:11:55النظام البيئي لهذه الخطوة هو عمل ضخم، لكنه شيء يسير حقاً في
00:12:01الاتجاه الصحيح.
00:12:02لذا Nitro ينقلنا نحو معايير الويب.
00:12:05لذا، هو خادم بسيط جداً يحاول قدر الإمكان أن يكون أصلياً أولاً،
00:12:12أينما كان ذلك، سواء كان Bun أو Deno أو Node أو غيره.
00:12:18وأعتقد أن الانتقال سيكون شيئاً سيشعر الناس تجاهه فوراً
00:12:24بالسعادة، النسخة الخامسة الليلية (nightly)، محلياً.
00:12:31واستخدامها ممتع حقاً بالفعل، على الرغم من أنها لم تصدر بعد
00:12:36كنسخة تجريبية (Beta) أو حتى أولية (Alpha).
00:12:38رائع.
00:12:39أعلم أن لدينا تعليقاً من المجتمع، أحدهم قال إنه متحمس جداً للنسخة الخامسة.
00:12:45وهناك سؤال آخر أيضاً، ما هي أهم توصياتك أو نصائحك بشأن
00:12:50تحسين أعباء عمل Nuxt على Vercel؟
00:12:53هيوغو، هل تريد البدء؟ بخصوص تحسين Nuxt على Vercel، لأن الأمر
00:13:07يعتمد على الطريقة، ماذا تقصد بالتحسين،
00:13:14هل هو للسرعة، أم للبناء، أم للتشغيل؟
00:13:19أعتقد أن هناك طرقاً عديدة، ولكن سأتحدث على الأقل عن جزء
00:13:28وقت التشغيل.
00:13:29وأعتقد أن هذا شيء ما زلنا نحاول اكتشافه وهو كيف يمكننا في Nuxt
00:13:36أن نقترح على المستخدم أن هذه الصفحة يمكن تخزينها مؤقتاً أو عرضها، الأمر دائماً صعب
00:13:44حيث يمكن أن يكون لدينا مكونات تقوم بجلب البيانات التي يمكنك استخدامها في الصفحات.
00:13:49يمكن أن يكون لديك مصادقة مباشرة في تطبيقك القديم.
00:13:53وبهذه الطريقة، لا ترغب في التخزين المؤقت، أو إذا بدأت في تخزين الصفحات مؤقتاً مع
00:13:58المصادقة، لنقل أن لديك ترويسة ثم تعرض المستخدم المصادق عليه.
00:14:03حينها تريد التأكد من أنك تقوم بالعرض المسبق لعنصر نائب، والتأكد
00:14:09من عدم وجود خطأ الترطيب (hydration error) لأنك أدركت في جانب العميل
00:14:13أنك تمت المصادقة.
00:14:14لذا، أود القول إن لدينا في Nuxt هذه الميزة القوية جداً والقادمة أيضاً
00:14:21من Nitro.
00:14:22تسمى قواعد المسار (route rules).
00:14:24فباستخدام قواعد المسار هذه، ستتمكن من تحديد جزء من المسارات باستخدام الأنماط.
00:14:29لذا يمكنك القول إن هذه المجموعة، لنقل لدي لوحة تحكم مدمجة، admin/،
00:14:35قم بتعطيل SSR.
00:14:37لست بحاجة إليه لهذا الجزء، أما blog/**، فعليك
00:14:45وضعها كـ ISR، لأننا لا نستخدم منشورات المدونة كل ثانية.
00:14:50لذا يمكنك الاستفادة من التوليد الاستاتيكي المتزايد في الإصدار.
00:14:55باستخدام قواعد المسار هذه، ستتمكن من تحسين أجزاء من تطبيقاتك بمجرد
00:15:01أسطر من التكوين.
00:15:03وهذه ستكون أكبر توصية لي قبل الدفع إلى الإنتاج.
00:15:10تحقق من قواعد المسار الخاصة بك.
00:15:12ممتاز.
00:15:13شكراً.
00:15:14شيء واحد، تفضل.
00:15:18أوه، عفواً.
00:15:20شيء واحد قد يستحق الاطلاع عليه هو NPMX.
00:15:23NPMX، إذا لم تكن قد صادفته، هو بديل لموقع npmjs.com.
00:15:30فهو متصفح لـ NPM، السجل، وهو مبني بـ Nuxt ومستضاف
00:15:36على Vercel وقد قمنا بتحسينه للغاية من أجل الأداء.
00:15:42فإذا كنت تبحث عن كيفية تحسين شيء ما للأداء على Vercel، وتريد
00:15:45رؤية كيف تبدو هذه الأشياء في تطبيق واقعي صممناه ليتوسع
00:15:49ليستوعب الكثير من مشاهدات الصفحات، فهناك الكثير من الأشخاص يستخدمونه، فقم بالاطلاع عليه.
00:15:58لذا سترى قواعد المسار قيد التنفيذ، وسترى التخزين المؤقت.
00:16:01حيث نستخدم التخزين المؤقت مع التوليد الاستاتيكي المتزايد.
00:16:09بمعنى البناء الفعلي وتخزين الحمولات (payloads) مؤقتاً عند الحاجة، نستخدم الميزة الجديدة
00:16:17في Nuxt 4.4، وهي التخزين المؤقت للحمولة، حتى للصفحات غير المعروضة مسبقاً، وهذا
00:16:27بالنسبة لي أمر رائع جداً.
00:16:28هذا يعني أنك تحصل على مزايا جلب البيانات حتى قبل أن تنتقل إلى الصفحة.
00:16:34فالبيانات التي ستتطلبها تلك الصفحة يتم جلبها مسبقاً بواسطة إطار العمل.
00:16:39وهذا يوفر تجربة سريعة جداً حقاً.
00:16:45وهناك الكثير من الأشياء الإضافية التي قد تتمكن من ملاحظتها وربما تجربتها على
00:16:52موقعك.
00:16:53مذهل.
00:16:54شكراً لك.
00:16:55ولدينا أيضاً تعليق، حيث قال أحدهم: "لم أجرب Nuxt من قبل،
00:17:03ربما يستحق الأمر التجربة الآن".
00:17:04إذن لدينا بعض المهتمين بـ Nuxt بين الجمهور، بالنسبة لهؤلاء الأشخاص،
00:17:09ما هي أفضل طريقة للبدء باستخدام Nuxt؟
00:17:12أعلم أننا ذكرنا بالفعل بعض أدوات الذكاء الاصطناعي أيضاً، ولكن نعم،
00:17:16أي توصيات بخصوص ذلك؟
00:17:17أعتقد حالياً، لدينا وكلاء Nuxt (Nuxt agents)،
00:17:24لذا يمكنهم إعطاؤك تلميحات جيدة جداً حول من أين تبدأ
00:17:29إذا كنت تريد استخدام قالب أو البدء من الصفر باستخدام التوثيق.
00:17:31لدينا الكثير من القوالب على Nuxt.com، وأيضاً على Nuxt UI،
00:17:39ولدينا أيضاً Nuxt.new، والذي يحتوي على قوالب أخرى،
00:17:48ولكن نعم، يمكنك الاستفسار مباشرة من الوكيل الآن.
00:17:51أيضاً في توثيق Nuxt UI، يمكنك فتحه بالفعل في v0 أيضاً،
00:17:57إذا كنت تريد فقط الدردشة مع المشروع قبل نقله إلى بيئة التطوير والبدء في البرمجة الفعلية.
00:18:08أعتقد غالباً عند البدء، وأنا لم أواجه أي مشاكل في البدء من الصفر،
00:18:12لكني أفضل شخصياً أن يكون لديّ مشروع بسيط مستنسخ (cloned).
00:18:17لذا لدي القالب الخاص بي على GitHub، تحت اسم
00:18:23Daniel Rose slash Nuxt dash site dash template.
00:18:24ويمكنكم استنساخ ذلك.
00:18:25إنه بسيط للغاية، ولكنه يحتوي على أشياء مثل الاختبارات الشاملة والوحدوية،
00:18:31وأمور كهذه تُعد تلميحات لنماذج اللغة الكبيرة (LLMs)
00:18:37بأنني أريد مواصلة بناء المشروع بهذه الطريقة.
00:18:38وأجد أن القوالب البسيطة كهذه تشبه بلورات البداية لنماذج اللغة،
00:18:44فهي توجهها في الاتجاه الصحيح
00:18:45وتعطيها التوجيه اللازم لتنمو بالطريقة التي تريدها على الأرجح.
00:18:50وحقاً، لست بحاجة إلى أي شيء مميز فوق ذلك.
00:18:52رغم أنه يمكنك إضافة أشياء، لكنك لست بحاجة لشيء خاص.
00:18:56يمكنك فقط البدء بقالب أو مشروع Nuxt أساسي جديد
00:19:01وتقول فقط: "هذا ما أريد بناءه".
00:19:09وقد وجدت أن نماذج اللغة الكبيرة مذهلة في ذلك.
00:19:10ولا تواجه أي مشاكل.
00:19:12لذا الشيء الأساسي في رأيي، مع أي شيء جديد تجربه،
00:19:14هو خلق فرص للتعلم وليس مجرد الحصول على النتائج، أليس كذلك؟
00:19:19مثل: "حسناً، يبدو رائعاً"، لكن في تلك اللحظة هل تشعر أنك جربت Nuxt حقاً؟
00:19:24في الواقع لم تجربه، بل هناك شيء تم إنشاؤه لك.
00:19:29لذا إذا كان بإمكانك خلق فرص، كأن تطلب من نموذج اللغة:
00:19:33"أعطني جولة تعليمية، علمني ميزات Nuxt باستخدام ما بنيته".
00:19:40مثل هذه الأمور مفيدة جداً لأنها تربط النقاط ببعضها،
00:19:45وهي مفيدة لك أثناء مراجعة الكود الذي تم إنشاؤه.
00:19:49وثانياً، ستتعلم وتكتسب مهارات وخبرات جديدة.
00:19:51الدكتورة كات هيكس (Cat Hicks)، ابحثوا عنها في GitHub.
00:19:56لقد صممت بعض مهارات Claude لبناء وخلق فرص تعليمية
00:20:02مع أي شيء تفعله، مثل تمارين صغيرة لمدة 10 دقائق
00:20:07في منتصف تحديات البرمجة تسمح لك بمحاولة استيعاب
00:20:12بعض الأشياء التي قد يعمل عليها وكيلك.
00:20:17لدينا وصول غير مسبوق لمعرفة لم تكن لدينا من قبل،
00:20:22والقدرة على فعل أشياء لم نكن نعرف كيف نفعلها قبل ستة أشهر.
00:20:29الشيء الرئيسي هو كيف نحافظ على استمرارنا في النمو والتطور كبشر،
00:20:35وبناء بعض هذه العادات والمهارات وفترات التعلم المستقطعة
00:20:41هو أمر في غاية الأهمية إذا أردنا لعقولنا أن تستمر في التطور.
00:20:46هذه نقطة جيدة جداً. بصفتي مستخدماً جديداً لـ Nuxt أيضاً،
00:20:56وخلفيتي الأساسية هي Svelte، فقد جعلت وكيلي يقوم بنوع من
00:21:02ربط المفاهيم من Svelte إلى Nuxt. لذا، أنا أؤيد بشدة استخدام وكلائنا لمساعدتنا في التعلم.
00:21:08هل يريد أحد إضافة شيء لذلك؟ عذراً. هذا رائع، وأعتقد أنني
00:21:17سأشارك شاشتي مرة أخرى. Nuxt هو حقاً إطار عمل تقدمي،
00:21:26لذا تأكدنا من أنه يمكنك البدء بمشروع بسيط جداً بملف app.vue واحد.
00:21:32هذا هو هيكلك الرئيسي، ثم يمكنك تدريجياً إضافة التوجيه وجلب البيانات.
00:21:40لدينا ميزة الاستيراد التلقائي (auto importing)، والتي كانت واحدة من أفضل التحسينات
00:21:45فيما يتعلق بتجربة المطور. والآن مع صعود الذكاء الاصطناعي،
00:21:51نحن نفكر في جعلها اختيارية، فيمكنك تعطيلها إذا كنت تفضل
00:21:56وجود الاستيرادات مباشرة في الكود الخاص بك. ولكن هذه حقاً أفضل طريقة للبدء.
00:22:03لدينا أيضاً تقييمات (EVALS)، حيث نجري تقييمات لـ Nuxt على نماذج مختلفة.
00:22:11وحتى الآن، وبدون حتى تزويد الوكيل بمهارة مخصصة أو ملف agent.md،
00:22:21فإنهم جيدون جداً في معظم معارف Nuxt حتى الآن. بالإضافة إلى هذا،
00:22:28إذا كنت مهتماً ببروتوكول سياق النموذج (MCP)، أحتاج للتأكد من مكانه،
00:22:35لكن أعتقد نعم، لدينا خادم MCP هذا الذي يمكنك إضافته مباشرة إلى كودك.
00:22:49نحن مدعومون بالذكاء الاصطناعي، ولكن حتى الآن وبدون إضافة خادم MCP،
00:22:57الوكلاء جيدون جداً. وما أحب أن أوصي به هو البدء بإعداد بسيط
00:23:03ثم البدء في إضافة الميزات خطوة بخطوة. وإذا استخدمت الذكاء الاصطناعي لفعل ذلك،
00:23:10اطلب منه شرح السبب. وكما قال دانيال، هذا هو المفتاح
00:23:16للتأكد من إبقاء عقلك نشطاً قدر الإمكان. تماماً. لدينا بعض الأسئلة الأخرى
00:23:25لإنهاء هذا القسم. سؤال من الدردشة: أرى Nuxt يُستخدم كثيراً
00:23:30في مجتمع التجارة الإلكترونية الألماني. هل تعتقد بشكل عام أن Nuxt
00:23:36أكثر شعبية في أوروبا منه في الولايات المتحدة، أم أن الأمر متوازن أو العكس؟
00:23:42حسناً، أنا أقيم في إدنبرة، وسيباستيان وهوجو في لندن، وأنتِ يا مايا
00:23:51مقيمة في أوروبا أيضاً. أشعر أنني قد أكون الشخص الخطأ لسؤاله عن
00:23:57مدى شعبية Nuxt في الولايات المتحدة، لكن شعوري هو أنه أكثر شعبية في أوروبا.
00:24:02أحياناً يبدو أن هذا هو نمط الانتشار؛ فـ React تميل لتكون أكثر شعبية في أمريكا الشمالية،
00:24:09بينما كانت Vue أكثر شعبية في أماكن أخرى من العالم، ويبدو أن هذا ينطبق على Nuxt أيضاً.
00:24:15لكننا نحتاج لتغيير ذلك. نحتاج لمزيد من الأشخاص لاستخدام Nuxt في الولايات المتحدة،
00:24:19نحتاج لعضو في الفريق الأساسي من هناك أو شيء من هذا القبيل. لا أعلم.
00:24:25نريد Nuxt في كل أنحاء العالم. نعم. السؤال التالي من منصة X:
00:24:35مع تطور Nuxt السريع من 3 إلى 4 إلى 5، ما هي أفضل استراتيجية للفرق
00:24:41للتعامل مع الهجرة للإنتاج بأمان، خاصة مع تغييرات SSR و Nitro؟
00:24:50لا أريد... حتى الآن نحن لا نعرف. سأبدأ؛ بخصوص Nuxt 3 و Nuxt 4،
00:24:58أعتقد أنه لم تكن هناك أي تغييرات جوهرية تقريباً، أو كانت موثقة جيداً.
00:25:03لذا يمكنك فقط تزويد الذكاء الاصطناعي بالصفحة وتطلب منه مساعدتك في هذا.
00:25:11وحتى بدون استخدامه، كان من السهل جداً الانتقال. ولم يحدث ذلك
00:25:17إلا إذا كنت تستخدم ميزات محددة ومتقدمة جداً قد تسبب تعارضاً.
00:25:21لذا تأكدت تانيا من أن الترقية كانت سلسة للغاية. كان الأمر أصعب من 2 إلى 3
00:25:27لأننا قمنا بالترقية من Vue 2 إلى Vue 3، وكان ذلك بمثابة
00:25:33إطار عمل مختلف ونهج مختلف في الاستخدام، مع دخول عصر الـ composables.
00:25:40وقد اتخذنا أيضاً نهجاً لإعادة كتابة محرك الخادم بالكامل، لكي تعمل
00:25:46في بيئة بدون خادم (serverless) وبأداء عالٍ. وبناءً على هاتين العمليتين الكبيرتين،
00:25:53خططنا لإعادة كتابة Nuxt، لذا سيكون الإصدار الرئيسي التالي متاحاً وسهلاً.
00:26:01وهناك توافق المنافذ الذي بنيناه جميعاً، مما يعني أنه يمكنك البدء
00:26:08بالانتقال إلى V5 أو الميزات الجديدة أو التغييرات القادمة مسبقاً.
00:26:15لذا يمكنك الاستعداد، وسأترك دانيال يكمل الحديث عن هذا.
00:26:22أعتقد أن هذا هو المفتاح. أحد الأشياء الأساسية التي سأقولها هي أننا نريد
00:26:26أن نكون متوافقين مع الإصدارات السابقة والمستقبلية. والترقية للإصدار الرابع،
00:26:34أردنا أن نثبت من خلالها بشكل متعمد أنه لا داعي للخوف من التغييرات
00:26:39أو الإصدارات الرئيسية في Nuxt. أحياناً تشعر وكأنك عالق في شيء ما،
00:26:45يبدو الأمر وكأنك عالق في شيء ما، مثل، "أوه، لا يمكننا، لا يمكننا إصدار نسخة رئيسية".
00:26:50لذا فإن خطتنا هي إصدار نسخة جديدة كل عام، على الأقل. ومن المثير للاهتمام أن هذا يبدو
00:26:57متوافقًا مع الكثير من المشاريع الأخرى. فإذا نظرت إلى Node، على سبيل المثال، فإن
00:27:01جدول إصداراتهم الجديد، المتمثل في التأكد من وجود إصدارات رئيسية كل عام، يتوافق
00:27:09تمامًا معنا. وأعتقد بشكل عام أن النمط هو، عندما تستخدم Nuxt،
00:27:15فأنت تستخدمه لبناء مشروع مثل المنزل. لذا، فإن مشروعك هو،
00:27:21إنه حي. إنه مثل المنزل، يحتاج إلى طلاء جديد، ويحتاج إلى ترميم.
00:27:28تريد دائمًا لموقعك الإلكتروني أن يتبنى أفضل ممارسات اليوم، وليس فقط أفضل
00:27:33الممارسات عندما كتبته، ولهذا السبب يحتاج Nuxt إلى الاستمرار في التطور والتأكد
00:27:38من أنه يوفر ما تحتاجه لبناء موقع ويب رائع. وأعتقد أنه ربما
00:27:46في الأشهر القليلة الماضية، شهدنا بعض هجمات سلسلة التوريد على NPM. وهذا
00:27:52يعزز الحاجة للتأكد من مواكبة التحديثات مع جميع التبعيات الخاصة بك،
00:27:57وأن تظل متتبعًا لأحدث ما يمكنك، والمسؤولية
00:28:03علينا كمنشئين للمكتبات ومحافظين عليها هي التأكد من أن خطوات الترقية تلك
00:28:08سلسة قدر الإمكان. لذا، إذا وجدت أنك تقوم بترقية
00:28:14Nuxt والأمر مؤلم، فهذه مشكلتي أنا. أخبرني، واشتكِ إليّ من فضلك،
00:28:21لأننا لا نريد أن يكون هذا هو الحال. لا نريد أن يقول الناس، "أوه،
00:28:25كيف أقوم بالترقية؟" نريد أن يقول الناس، "أوه، إنه أمر ممتع. كما تعلم، استغرق الأمر مني
00:28:29نصف يوم للقيام بهذه الترقية الكبيرة، وليس شهرين". لذا نريد حقًا تحسين ذلك
00:28:36لأسباب عديدة، ليس فقط لأنه ما تحتاجه المواقع، ولكن لأنه ما يحتاجه النظام البيئي.
00:28:42ونعم، نريد ألا يخاف الناس من تلك الترقيات.
00:28:47وإذا كنت ترغب في التواصل مع دانيال، فهو موجود على BlueSky وعلى ro.dev.
00:28:54يمكنك العثور عليّ في كل مكان تقريبًا. مذهل. كلام رائع، شكرًا لك. وأريد أن
00:29:01نختتم أسئلتنا حول المجتمع. منذ وقت ليس ببعيد رأيت صورة. أعتقد
00:29:07أنني لا أتذكر أي مؤتمر كان، لكني أتذكر أن أحدكم كان يتحدث
00:29:11وكانت هناك صورة لمجتمع، وتقول شيئًا مثل أن Nuxt يدور حول الناس.
00:29:16لذا يبدو أن لديكم مجتمعًا رائعًا. أخبرونا عنهم، أين
00:29:20يمكننا المشاركة والمساهمة، وما إلى ذلك. أخبرونا المزيد.
00:29:30أعتقد أن دانيال متجمد. نعم. لقد كان دانيال تيرك في مؤتمر Vue.js Amsterdam على ما أعتقد.
00:29:40ونعم، أود أن أقول إنه إذا كنت ترغب في الانضمام إلينا، فلدينا خادم Discord
00:29:47وهو نشط للغاية. ونحن نشارك فيه الكثير والكثير من الأخبار. ولدينا GitHub
00:29:54حيث يتم كتابة الكود من خلال الـ Issues والـ Pull Requests.
00:30:00هذا هو المكان الذي يتم فيه تنفيذ الأفكار ومشاركتها. وإذا كنت ترغب في مساعدتنا، فهناك العديد
00:30:07من الأشياء حيث يمكنك إما المساعدة في المشكلات، أو تقديم الأفكار، أو مشاركة خبرتك،
00:30:15أو مشاركة نماذجك. لدينا أيضًا حسابات تويتر لـ Nuxt وJS. ولدينا حساب
00:30:20BlueSky. نحن نستخدم nuxt.com. وأعتقد أن لدينا حساب Mastodon وصفحة
00:30:26عرض على LinkedIn. إذا كنت من محبي LinkedIn، فليس لدينا صفحة على Instagram، ولا
00:30:31SoundCloud، ولكن Discord هو أيضًا مكان جميل للتواجد فيه. إذا كان
00:30:39لديك سؤال، فقط دردش معنا. نحن هناك أيضًا. ونعم، هذا هو
00:30:46ما نتشاركه مع جميع منشئي الوحدات (modules)، أو كما تعلم،
00:30:51لست بحاجة للمساهمة مباشرة في الكود الأساسي. وأعتقد أن هذا أحد جوانب الجمال
00:30:54في Nuxt هو أنه يمكنك البدء بقالب تريد مشاركته، ويمكنك البدء
00:31:00بوحدة لأنك قمت ببناء ميزة ما، من خلال إنشاء وحدة ويمكنك مشاركتها
00:31:05مع المجتمع بأكمله. أعتقد أن لدينا أكثر من 300 وحدة مدعومة للإصدار الحالي
00:31:10من Nuxt. ومع أكثر من 1000 مساهم. لذا من فضلك، تفضل وانضم
00:31:17إلينا. سوف تستمتع بذلك. نعم، هيا بنا. مذهل. دانيال، أعتقد أننا لا نستطيع سماعك.
00:31:27نعم. لكنه قال إن لدينا SoundCloud على ما أعتقد. أعتقد أن لديه شيء ليضيفه بخصوص
00:31:51جانب المجتمع. نعم. ربما يقوم بتحضير المقطع الأول
00:31:55لـ SoundCloud. لذا أريد فقط أن أقول إن المجتمع، وأنا سعيد لأنك طرحت هذا الموضوع.
00:32:05أعتقد أن المجتمع هو أفضل جزء في Nuxt. وأعتقد، أعني،
00:32:13أعتقد أن المجتمع هو جوهر المصدر المفتوح لأن المجتمع مثل المصدر المفتوح
00:32:17هو أن آخذ شيئًا ما، أو أي شخص منا يأخذ شيئًا ويقول
00:32:21لشخص آخر، "مهلاً، ما رأيك في هذا؟ هل يعجبك؟ هل تريد
00:32:26المساعدة في تحسينه؟" وهذا المجتمع هو ما يجعل
00:32:32المصدر المفتوح يستحق العناء. ولهذا السبب نقوم بذلك. إنه الهدف الأساسي. أؤمن بشدة
00:32:38بأن ملف contributing.md أهم من ملف agents.md. أفضل ألا يكون لديّ أي
00:32:44وكلاء (agents) والكثير من الناس بدلاً من العكس. الشيء الذي يجعل الأمر يستحق العناء
00:32:50هو وجود أشخاص أهتم بهم وهم جزء من المشروع. وبصراحة،
00:32:56هذا صحيح ليس فقط بالنسبة لـ Nuxt، ولكن مجتمع Vue، على سبيل المثال، كان
00:33:00هكذا تمامًا. ولكن نعم، الأمر كله يتعلق بالمجتمع، ومن الرائع دائمًا
00:33:06رؤية أشخاص جدد ينضمون ويبدأون في المساهمة، ليصبحوا جزءًا منه. وهذا يشمل
00:33:12مجرد المجيء وطلب المساعدة أيضًا. يجب أن أقول إن هذه هي الطريقة التي شاركت بها،
00:33:18من خلال المجيء ومضايقة الناس في Discord للعثور على إجابات لأسئلتي.
00:33:23أحب هذا كثيرًا. تحية للبشر، وتحية للمجتمع. نعم، يمكنك فقط شحن الأشياء
00:33:28ومشاركتها مع العالم. نحن نحب رؤية ذلك. لذا نعم، سنختتم معكم
00:33:34يا رفاق. أنا ملهمة جدًا بمعدل وجودة الأشياء التي تقدمونها،
00:33:40ومتحمسة للغاية لرحلة Nuxt، وما ستقدمونه تاليًا. لذا نعم،
00:33:45شكرًا جزيلاً لكم، ولبقية فريق Nuxt، والمشرفين، والمساهمين،
00:33:50وبالطبع مجتمع Nuxt. شكرًا سيباستيان ودانيال وهيوغو لانضمامكم
00:33:55إلينا اليوم.
00:33:56شكرًا لك.
00:33:57شكرًا.
00:33:58وداعًا.
00:33:59أيها الجمهور، شيء آخر. لا تذهبوا بعيدًا. أريد أن أرحب بإيف من أكاديمية
00:34:07Vercel.
00:34:08مرحبًا مايا.
00:34:09مرحبًا إيف. أهلاً بكِ مجددًا.
00:34:11شكرًا جزيلاً لكِ. يسعدني رؤيتكِ. هذا هو الجزء الأكثر متعة في شهري وهو إطلاق
00:34:18دورة تدريبية والقيام بالقليل من الجهد، وسماع الجميع يتحدثون. وهذا الفريق مليء بالمبدعين،
00:34:25إنهم رائعون جدًا. وأنتِ أيضًا واحدة منهم. وأود أن أسمع المزيد
00:34:36عما قمتِ بتحضيره في الدورة الجديدة.
00:34:40نعم. نحن متحمسون جدًا لإطلاق دورة جديدة اليوم. شاشتي معروضة هناك. دورة Nuxt
00:34:48على Vercel. إنها دورة للأشخاص المعتادين على العمل في عالم React. وهذا
00:34:55يوفر نوعًا ما طبقة الترجمة بين مشاريع React وNuxt. لذا إذا كنت تلتحق
00:35:03بوظيفة جديدة أو إذا كنت تعمل على مشروع جانبي وتقول، "أريد حقًا استخدام
00:35:08هذا، لكني لا أعرف من أين أبدأ". هذا هو الطريق، وبالطبع الـ agents
00:35:12سيساعدونك للوصول إلى هناك أيضًا. ويجب عليك استخدام كل تلك الأدوات، ولكن هذا يساعدك
00:35:16في بناء مشروع. نحن نبني تطبيقًا للعثور على الينابيع الساخنة لتتمكن من العثور على
00:35:24مسارات المشي والينابيع الساخنة المفضلة لديك. ونعم، تحققوا منها. هناك الكثير من الدورات الجديدة القادمة
00:35:30إلى أكاديمية Vercel، وهذا مجرد ترويج بسيط، لكن هذه الدورة هي الأحدث.
00:35:34مذهل. شكرًا جزيلاً لكِ يا إيف. بالنسبة للجمهور، لدى إيف أفضل الدورات وهي
00:35:40تتبنى حقًا مبدأ "البناء من أجل التعلم". لذا اذهبوا وتحققوا منها بالتأكيد. سنضيف
00:35:45رابطًا أيضًا لتسهيل الأمر عليكم. أنا متحمسة لمتابعة هذه الدورة بنفسي
00:35:50وبناء المزيد باستخدام Nuxt. لذا نعم، شكرًا جزيلاً لانضمامك إلينا اليوم. شكرًا لكِ.
00:35:59شكرًا لكم. لقد وصلنا إلى نهاية جلستنا المجتمعية. شكرًا جزيلاً لمجتمعنا
00:36:03لقضاء الوقت معنا. نأمل أن تكونوا قد استمتعتم بها. وإذا كنتم ترغبون في الانضمام إلينا في جلسات
00:36:09مجتمعية مستقبلية، فيمكنكم العثور على كافة التفاصيل على منصتنا المجتمعية عبر [community.vercel.com/live](https://community.vercel.com/live).
00:36:16لدينا أيضًا الكثير من الفعاليات القادمة والجاري العمل عليها. لذا تفقدوا صفحة الفعاليات
00:36:20على صفحة اللقاءات الخاصة بنا لتلك المتاحة عبر الإنترنت وفي منطقتكم. وأخيرًا، خبر عاجل،
00:36:26تم طرح تذاكر Vercel Ship، والتي ستقام في مواقع مختلفة حول
00:36:32العالم. نعم، هذا مثير للغاية. تأكدوا من زيارة [vercel.com/ship](https://vercel.com/ship) والتقدم
00:36:37بطلب للحصول على تذاكركم. كما أنها تستحق الزيارة لمجرد التصميم والتفاعلات وحدها.
00:36:43الفريق يبدع حقًا في ذلك. حسنًا، هذا كل ما لدي. شكرًا جزيلاً للجميع.
00:36:47أتمنى لكم يومًا طيبًا. وداعًا.

Key Takeaway

يركز تطور Nuxt الحالي على دمج أدوات الذكاء الاصطناعي عبر بروتوكول MCP وتحسين أداء الويب من خلال إصدار Nitro الثالث وقواعد المسار المرنة لتوفير تجربة مطور متكاملة على منصة Vercel.

Highlights

  • يدعم مشروع Comark الجديد معالجة Markdown مع المكونات في وقت التشغيل مع ميزات البث والإغلاق التلقائي.

  • يتيح بروتوكول سياق النموذج (MCP) لمواقع Nuxt العمل كخوادم ذكاء اصطناعي مدمجة في أي تطبيق يدعم هذا البروتوكول.

  • يوفر إصدار Nitro الثالث في Nuxt 5 توافقاً كاملاً مع معايير الويب عبر بيئات تشغيل متعددة مثل Node وBun وDeno.

  • تقلل ميزة تخزين الحمولة المؤقتة في Nuxt 4.4 من زمن استجابة الصفحات عبر جلب البيانات مسبقاً قبل انتقال المستخدم إليها.

  • تسمح قواعد المسار (route rules) بتخصيص استراتيجيات العرض مثل تعطيل SSR للوحة التحكم أو تفعيل ISR للمدونات عبر أسطر تكوين بسيطة.

Timeline

تكامل الذكاء الاصطناعي وأدوات الوكلاء في Nuxt

  • يحتوي موقع Nuxt.com على كود مصدري مفتوح يوضح كيفية بناء وكلاء الذكاء الاصطناعي المدمجين.
  • تسمح مجموعة أدوات MCP لأي موقع مبني بـ Nuxt بالتحول إلى خادم يدعم واجهات برمجة تطبيقات الذكاء الاصطناعي.
  • تشغل واجهة برمجة تطبيقات الوحدات أدوات تطوير Nuxt وتدعم الاتصال المباشر من تطبيقات الدردشة.

يركز النظام البيئي لـ Nuxt حالياً على الشفافية وتوسيع القدرات البرمجية. توفر منشورات المدونة تفاصيل دقيقة حول تنفيذ الوكلاء البرمجية، مما يسمح للمطورين بالمساهمة في الميزات الجديدة. يعتمد الموقع على واجهة برمجة تطبيقات خاصة بالوحدات تدعم ميزات متقدمة مثل وكلاء الذكاء الاصطناعي المدمجة وخوادم MCP.

إدارة الملاحظات واستخدام MCP في لوحة التحكم

  • تستخدم أداة الملاحظات على الموقع لتحديد الصفحات التي تتطلب تحسيناً بناءً على بيانات المستخدمين.
  • يربط نظام Nuxt admin MCP بين محادثات الذكاء الاصطناعي وبيانات الأداء لتحليل جودة الصفحات.
  • تساعد الدرجات المتوسطة وعدد الملاحظات الفريق على فهم كيفية تطوير المحتوى تقنياً.

تسمح لوحة التحكم الخاصة بالمسؤولين برصد تفاعل المستخدمين بشكل مباشر. من خلال استعلامات بسيطة لوكيل MCP، يمكن الحصول على تقارير حول أسوأ الصفحات أداءً واقتراحات لتحسينها. يعتمد النظام على تحليل خيوط الملاحظات المجمعة أسبوعياً لتوجيه جهود التطوير.

مشروع Comark ومستقبل Markdown التفاعلي

  • يستخرج مشروع Comark جوهر المحتوى لتمكين استخدام المكونات داخل ملفات Markdown في وقت التشغيل.
  • يتيح تعليم نماذج اللغة الكبيرة لبناء لغة Comark إنشاء صفحات هبوط كاملة عبر البث المباشر.
  • سيتم إطلاق النسخة الأولى من مشروع التفاعل مع Markdown للعموم خلال الأسابيع القادمة.

يعمل فريق Nuxt بالتعاون مع فريق Zvetki لفتح آفاق جديدة في إدارة المحتوى. يهدف المشروع إلى السماح للذكاء الاصطناعي بإنشاء مكونات واجهة مستخدم معقدة، مثل صفحات عرض المنتجات، مباشرة من خلال بث Markdown. يمثل هذا التقدم مرحلة مبكرة ولكنها واعدة لتحويل التوثيق الجامد إلى عناصر تفاعلية.

تحسين محركات البحث للوكلاء (AEO) واستراتيجيات التوسع

  • تستهدف تحسينات AEO الجديدة تسهيل زحف وكلاء الذكاء الاصطناعي لتوثيق Nuxt وفهمه.
  • يؤدي استخدام ترويسة accept وJSON-LD إلى تقليل نافذة السياق وتوفير المحتوى للوكلاء مباشرة.
  • يوفر نظام الوحدات في Nuxt بيئة تجريبية للميزات الجديدة قبل اعتمادها في النواة الأساسية.

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

تحديثات Nuxt 5 ومحرك Nitro الجديد

  • يركز الإصدار الخامس القادم على دمج نسخة Nitro الثالثة كميزة أساسية للنظام.
  • يعمل محرك Nitro كخادم أصلي يدعم معايير الويب في بيئات مختلفة دون تعقيدات إضافية.
  • توفر النسخ الليلية (nightly) من الإصدار الخامس تجربة استخدام ممتعة ومستقرة محلياً.

يمثل الانتقال إلى Nuxt 5 خطوة ضخمة نحو توحيد معايير الويب داخل إطار العمل. يهدف Nitro إلى تبسيط العمليات الخلفية وجعلها أكثر كفاءة سواء تم التشغيل على Node أو محركات أحدث مثل Bun. يصف المطورون هذه المرحلة بأنها تسير في الاتجاه الصحيح لتعزيز أداء النظام البيئي بالكامل.

تحسين الأداء وقواعد المسار على Vercel

  • تسمح قواعد المسار (route rules) بتعطيل SSR للمسارات التي لا تحتاجه أو تفعيل ISR لتحسين الأداء.
  • يوفر موقع NPMX نموذجاً تطبيقياً لكيفية تحسين مشاريع Nuxt الضخمة المستضافة على Vercel.
  • يدعم Nuxt 4.4 التخزين المؤقت للحمولة حتى للصفحات التي لم يتم عرضها مسبقاً لضمان سرعة الانتقال.

تعد قواعد المسار أقوى أداة لتحسين وقت التشغيل، حيث تتيح للمطورين تخصيص سلوك كل جزء من التطبيق عبر أسطر تكوين بسيطة. من خلال عرض مسبق للعناصر النائبة وتجنب أخطاء الترطيب (hydration)، يمكن تحقيق توازن بين المصادقة الحية والسرعة. يوضح مشروع NPMX كيف يمكن تخزين الحمولات مؤقتاً لتوفير تجربة مستخدم فورية.

منهجية التعلم وبناء المجتمع في Nuxt

  • يُعد البدء بملف app.vue واحد كافياً لبناء مشروع Nuxt والتعلم تدريجياً عبر الميزات المضافة.
  • تعتمد استراتيجية الترقية بين الإصدارات على التوافق مع الإصدارات السابقة لتقليل وقت الانتقال.
  • يوفر خادم Discord ومستودع GitHub المساحة الأساسية لمشاركة أكثر من 300 وحدة برمجية.

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

Community Posts

View all posts