·nuxt-v4

تطوير إطار عمل Nuxt 4 الجاهز للإنتاج باستخدام SSR والمواد المركبة، جلب البيانات ومسارات الخادم ونشر Cloudflare. يُستخدم عندما: إنشاء تطبيقات Nuxt 4، وتنفيذ أنماط SSR، إنشاء المواد المركبة، ومسارات الخادم، والبرمجيات الوسيطة، وجلب البيانات، إدارة الحالة، وتصحيح مشكلات الترطيب، والنشر في Cloudflare، تحسين الأداء، أو إعداد الاختبار باستخدام Vitest. الكلمات الرئيسية: Nuxt 4، Nuxt v4، SSR، العرض العالمي، Nitro، Vue 3، useState، useFetch، useAsyncData، $fetch، المواد المركبة، الاستيراد التلقائي، البرامج الوسيطة، ومسارات الخادم، ومسارات واجهة برمجة التطبيقات (API)، والترطيب، والتوجيه القائم على الملفات، دليل التطبيق، SEO، العلامات الوصفية، useHead، useSeoMeta، التحولات، معالجة الأخطاء، تكوين وقت التشغيل، صفحات Cloudflare، عمال Cloudflare، NuxtHub، أصول العمال، D1، KV، R2، الكائنات المعمرة، Vitest، الاختبار، تحسين الأداء، التحميل البطيء، تقسيم التعليمات البرمجية، العرض المسبق، الطبقات، الوحدات، المكونات الإضافية، Vite، TypeScript، عدم تطابق الماء، تفاعل سطحي، مفاتيح تفاعلية، نمط مفرد، تحديد NuxtConfig، تعريفEventHandler، التنقل إلى، تعريفPageMeta، useRuntimeConfig، app.vue، دليل الخادم، الدليل العام، دليل الأصول

12التثبيتات·0الرائج·@christowles

التثبيت

$npx skills add https://github.com/christowles/blog --skill nuxt-v4

كيفية تثبيت nuxt-v4

ثبّت مهارة الذكاء الاصطناعي nuxt-v4 بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/christowles/blog --skill nuxt-v4
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: christowles/blog.

Production-ready patterns for building modern Nuxt 4 applications with SSR, composables, server routes, and Cloudflare deployment.

| nuxt | 4.0.0 | 4.2.x | | vue | 3.5.0 | 3.5.x | | nitro | 2.10.0 | 2.10.x | | vite | 6.0.0 | 6.0.x | | typescript | 5.0.0 | 5.x |

Key Change in v4: The app/ directory is now the default srcDir. All app code goes in app/, server code stays in server/.

تطوير إطار عمل Nuxt 4 الجاهز للإنتاج باستخدام SSR والمواد المركبة، جلب البيانات ومسارات الخادم ونشر Cloudflare. يُستخدم عندما: إنشاء تطبيقات Nuxt 4، وتنفيذ أنماط SSR، إنشاء المواد المركبة، ومسارات الخادم، والبرمجيات الوسيطة، وجلب البيانات، إدارة الحالة، وتصحيح مشكلات الترطيب، والنشر في Cloudflare، تحسين الأداء، أو إعداد الاختبار باستخدام Vitest. الكلمات الرئيسية: Nuxt 4، Nuxt v4، SSR، العرض العالمي، Nitro، Vue 3، useState، useFetch، useAsyncData، $fetch، المواد المركبة، الاستيراد التلقائي، البرامج الوسيطة، ومسارات الخادم، ومسارات واجهة برمجة التطبيقات (API)، والترطيب، والتوجيه القائم على الملفات، دليل التطبيق، SEO، العلامات الوصفية، useHead، useSeoMeta، التحولات، معالجة الأخطاء، تكوين وقت التشغيل، صفحات Cloudflare، عمال Cloudflare، NuxtHub، أصول العمال، D1، KV، R2، الكائنات المعمرة، Vitest، الاختبار، تحسين الأداء، التحميل البطيء، تقسيم التعليمات البرمجية، العرض المسبق، الطبقات، الوحدات، المكونات الإضافية، Vite، TypeScript، عدم تطابق الماء، تفاعل سطحي، مفاتيح تفاعلية، نمط مفرد، تحديد NuxtConfig، تعريفEventHandler، التنقل إلى، تعريفPageMeta، useRuntimeConfig، app.vue، دليل الخادم، الدليل العام، دليل الأصول المصدر: christowles/blog.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/christowles/blog --skill nuxt-v4
المصدر
christowles/blog
الفئة
""الكتابة
موثق
أول ظهور
2026-02-22
آخر تحديث
2026-03-10

Browse more skills from christowles/blog

إجابات سريعة

ما هي nuxt-v4؟

تطوير إطار عمل Nuxt 4 الجاهز للإنتاج باستخدام SSR والمواد المركبة، جلب البيانات ومسارات الخادم ونشر Cloudflare. يُستخدم عندما: إنشاء تطبيقات Nuxt 4، وتنفيذ أنماط SSR، إنشاء المواد المركبة، ومسارات الخادم، والبرمجيات الوسيطة، وجلب البيانات، إدارة الحالة، وتصحيح مشكلات الترطيب، والنشر في Cloudflare، تحسين الأداء، أو إعداد الاختبار باستخدام Vitest. الكلمات الرئيسية: Nuxt 4، Nuxt v4، SSR، العرض العالمي، Nitro، Vue 3، useState، useFetch، useAsyncData، $fetch، المواد المركبة، الاستيراد التلقائي، البرامج الوسيطة، ومسارات الخادم، ومسارات واجهة برمجة التطبيقات (API)، والترطيب، والتوجيه القائم على الملفات، دليل التطبيق، SEO، العلامات الوصفية، useHead، useSeoMeta، التحولات، معالجة الأخطاء، تكوين وقت التشغيل، صفحات Cloudflare، عمال Cloudflare، NuxtHub، أصول العمال، D1، KV، R2، الكائنات المعمرة، Vitest، الاختبار، تحسين الأداء، التحميل البطيء، تقسيم التعليمات البرمجية، العرض المسبق، الطبقات، الوحدات، المكونات الإضافية، Vite، TypeScript، عدم تطابق الماء، تفاعل سطحي، مفاتيح تفاعلية، نمط مفرد، تحديد NuxtConfig، تعريفEventHandler، التنقل إلى، تعريفPageMeta، useRuntimeConfig، app.vue، دليل الخادم، الدليل العام، دليل الأصول المصدر: christowles/blog.

كيف أثبّت nuxt-v4؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/christowles/blog --skill nuxt-v4 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/christowles/blog