كيف أثبّت rsc-data-optimizer؟

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

·rsc-data-optimizer

{}

rsc-data-optimizer

Name: rsc-data-optimizer
Author: julianromli

✓

julianromli/ai-skills

قم بتحسين جلب بيانات جهاز توجيه التطبيقات Next.js عن طريق تحويل جانب العميل البطيء الجلب إلى الجلب السريع من جانب الخادم باستخدام React Server Components (RSC). استخدم عندما: - أبلغ المستخدم عن بطء التحميل الأولي للصفحة أثناء تحميل المغازل - تستخدم الصفحة useEffect + useState لجلب البيانات - يؤدي نمط StoreContext/useStore إلى جلب الشلال - الحاجة إلى تحسين مُحسنات محركات البحث (المحتوى ليس بتنسيق HTML الأولي) - تحويل صفحات "استخدام العميل" إلى مكونات الخادم المشغلات: "تحميل بطيء"، "تحسين الجلب"، "بيانات SSR"، "تحسين RSC"، "إزالة أداة التحميل الدوارة"، "جلب من جانب الخادم"، "التحويل إلى مكون الخادم"، "جلب البيانات لامبات"، "تحميل اللاما"

julianromli·rsc·data·optimizer

34التثبيتات·1الرائج·@julianromli