algolia-search
تنفيذ بحث Algolia مع React InstantSearch
يتطلب إضافة البحث إلى تطبيقات الويب فهم استراتيجيات الفهرسة المعقدة وأنماط واجهة المستخدم. توفر هذه المهارة إرشادات خبراء في تكامل Algolia وخطاطات React InstantSearch وضبط الصلة للحصول على تجارب بحث مثالية.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "algolia-search". إنشاء مربع بحث مع نتائج فورية
النتيجة المتوقعة:
مكون React يستخدم خطاط useSearchBox لمعالجة الإدخال و useHits لعرض نتائج البحث في الوقت الفعلي، مغلف في مزود InstantSearch مع تكوين Algolia مناسب.
استخدام "algolia-search". كيف يمكنني تنفيذ تصفية الفئات؟
النتيجة المتوقعة:
استخدم خطاط useRefinementList مع السمة المضبوطة على حقل الفئة الخاصة بك. قم بتوصيله بمكون RefinementList الذي يعرض مربعات اختيار لكل خيار فئة مع عدد النتائج.
التدقيق الأمني
آمنStatic analysis flagged 3 patterns as potential security issues, but all are false positives. The flagged lines contain documentation text about Algolia search implementation, not executable code. Line 3 and 70 contain descriptive text misidentified as weak crypto. Line 53 discusses Algolia indexing best practices, not system reconnaissance. This is a documentation-only skill file with no security risks.
درجة الجودة
ماذا يمكنك بناءه
بحث المنتجات للتجارة الإلكترونية
تنفيذ بحث سريع متعدد الجوانب للمنتجات مع مرشحات الفئات والنطاقات السعرية والنتائج الفورية للمتاجر الإلكترونية.
بحث موقع التوثيق
إضافة بحث الإكمال التلقائي إلى مواقع التوثيق مع ضبط الصلة للمحتوى التقني ومراجع API.
بوابة اكتشاف المحتوى
بناء محاور محتوى قابلة للبحث مع ترقيم الصفحات والترتيب والبحث متعدد الفهارس للمدونات أو مكتبات الوسائط.
جرّب هذه الموجهات
إنشاء مكون بحث React باستخدام خطاطات Algolia InstantSearch. يتضمن مربع بحث وعرض النتائج وتنسيقًا أساسيًا لكتالوج منتجات بسيط.
تنفيذ بحث متعدد ا��جوانب مع قوائم تنقية للفئات والنطاقات السعرية ومرشحات العلامات التجارية. استخدام useRefinementList وتكوين إعدادات فهرس Algolia للتعدد الجانبي.
إعداد Algolia InstantSearch مع العرض من جانب الخادم في Next.js باستخدام مكون InstantSearchNext. يتضمن مزامنة URL ومعالجة الحالة الأولية للخادم لتطبيق App Router.
تصميم استراتيجية فهرسة للحفاظ على مزامنة Algolia مع قاعدة بيانات PostgreSQL. تنفيذ partialUpdateObjects للتغييرات الخاصة بالسمات فقط وتجميع السجلات بكفاءة دون استخدام deleteBy.
أفضل الممارسات
- عمليات الفهرسة المجمعة بـ 10 ميجابايت أو 1K-10K سجل لكل دفعة للأداء الأمثل
- استخدم partialUpdateObjects بدلاً من استبدال السجل الكامل عند تحديث سمات محددة فقط
- تجنب عمليات deleteBy لأنها مكلفة حسابيًا - استخدم حذف الكائن مع الدُفعات بدلاً من ذلك
تجنب
- إجراء إعادة فهرسة كاملة عند كل تغيير في البيانات بدلاً من التحديثات التزايدي
- إرسال سجلات فردية إلى Algolia بدلاً من تجميع العمليات
- استخدام deleteBy للحذف الجماعي بدلاً من حذف الكائن المجمّع