نمط لمكونات العميل التي تستدعي إجراءات الخادم لتعيين ملفات تعريف الارتباط في Next.js. يغطي النمط المكون من ملفين لمكون العميل مع تفاعل المستخدم (onClick، إرسال النموذج) الذي يستدعي إجراء الخادم لتعديل ملفات تعريف الارتباط. يُستخدم عند إنشاء ميزات مثل المصادقة أو التفضيلات أو إدارة الجلسة حيث تحتاج المشغلات من جانب العميل إلى تعيين/تعديل ملفات تعريف الارتباط من جانب الخادم.
ثبّت مهارة الذكاء الاصطناعي nextjs-client-cookie-pattern بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: wsimmonds/claude-nextjs-skills.
This pattern handles a common Next.js requirement: client-side interaction (button click) that needs to set server-side cookies.
Can't client components set cookies directly? No. Client components run in the browser, and modern browsers restrict cookie manipulation for security. Server actions run on the server where cookie-setting is allowed.
Why not use a Route Handler (API route)? You can! But server actions are simpler and more integrated with the Next.js App Router pattern.
نمط لمكونات العميل التي تستدعي إجراءات الخادم لتعيين ملفات تعريف الارتباط في Next.js. يغطي النمط المكون من ملفين لمكون العميل مع تفاعل المستخدم (onClick، إرسال النموذج) الذي يستدعي إجراء الخادم لتعديل ملفات تعريف الارتباط. يُستخدم عند إنشاء ميزات مثل المصادقة أو التفضيلات أو إدارة الجلسة حيث تحتاج المشغلات من جانب العميل إلى تعيين/تعديل ملفات تعريف الارتباط من جانب الخادم. المصدر: wsimmonds/claude-nextjs-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-client-cookie-patternنمط لمكونات العميل التي تستدعي إجراءات الخادم لتعيين ملفات تعريف الارتباط في Next.js. يغطي النمط المكون من ملفين لمكون العميل مع تفاعل المستخدم (onClick، إرسال النموذج) الذي يستدعي إجراء الخادم لتعديل ملفات تعريف الارتباط. يُستخدم عند إنشاء ميزات مثل المصادقة أو التفضيلات أو إدارة الجلسة حيث تحتاج المشغلات من جانب العميل إلى تعيين/تعديل ملفات تعريف الارتباط من جانب الخادم. المصدر: wsimmonds/claude-nextjs-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-client-cookie-pattern بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/wsimmonds/claude-nextjs-skills