نمط لاستخدام الخطاف useSearchParams مع حدود Suspense في Next.js. يغطي المجموعة المطلوبة من توجيه "استخدام العميل" ومجمع Suspense عند الوصول إلى معلمات استعلام URL في مكونات العميل. يُستخدم عند إنشاء واجهات بحث أو عوامل تصفية أو ترقيم الصفحات أو أي ميزة تحتاج إلى قراءة/معالجة معلمات استعلام URL من جانب العميل.
ثبّت مهارة الذكاء الاصطناعي nextjs-use-search-params-suspense بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: wsimmonds/claude-nextjs-skills.
Why Suspense? Next.js uses React 18's Suspense to handle the async nature of reading URL params during server-side rendering and hydration.
| Access method | searchParams prop | useSearchParams() hook | | Requires 'use client' | ❌ No | ✅ Yes | | Requires Suspense | ❌ No | ✅ Yes | | Can be async | ✅ Yes | ❌ No | | Can update params | ❌ No (use Link/redirect) | ✅ Yes (use router.push) | | Best for | Initial load, SEO | Dynamic filters, real-time updates |
This is the recommended pattern for client-side URL parameter handling in Next.js App Router.
نمط لاستخدام الخطاف useSearchParams مع حدود Suspense في Next.js. يغطي المجموعة المطلوبة من توجيه "استخدام العميل" ومجمع Suspense عند الوصول إلى معلمات استعلام URL في مكونات العميل. يُستخدم عند إنشاء واجهات بحث أو عوامل تصفية أو ترقيم الصفحات أو أي ميزة تحتاج إلى قراءة/معالجة معلمات استعلام URL من جانب العميل. المصدر: wsimmonds/claude-nextjs-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-use-search-params-suspenseنمط لاستخدام الخطاف useSearchParams مع حدود Suspense في Next.js. يغطي المجموعة المطلوبة من توجيه "استخدام العميل" ومجمع Suspense عند الوصول إلى معلمات استعلام URL في مكونات العميل. يُستخدم عند إنشاء واجهات بحث أو عوامل تصفية أو ترقيم الصفحات أو أي ميزة تحتاج إلى قراءة/معالجة معلمات استعلام URL من جانب العميل. المصدر: wsimmonds/claude-nextjs-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-use-search-params-suspense بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/wsimmonds/claude-nextjs-skills