المهارات nextjs-app-router-patterns

📦

nextjs-app-router-patterns

Name: nextjs-app-router-patterns
Author: sickn33

مراجعة المحتوى r2 مخاطر عالية ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة🔑 متغيرات البيئة

بناء ميزات Next.js App Router

قد يكون العمل على Next.js App Router صعب التنظيم عبر حدود الخادم والعميل والتوجيه. توفر هذه المهارة أنماطا عملية لجلب البيانات، والبث، وServer Actions، وroute handlers، والبيانات الوصفية، والتخزين المؤقت.

يدعم: Claude Codex Code(CC)

⚠️ 38 ضعيف

توقف واطلب التأكيد قبل التثبيت.

راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

Review the Skillstore skill "nextjs-app-router-patterns" from https://skillstore.io/skills/sickn33-nextjs-app-router-patterns.md and its manifest at https://skillstore.io/api/skills/sickn33-nextjs-app-router-patterns/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/sickn33-nextjs-app-router-patterns.md manifest موقَّع GET /api/skills/sickn33-nextjs-app-router-patterns/manifest lockfile موقَّع GET /api/skills/sickn33-nextjs-app-router-patterns/lockfile

اختبرها

جارٍ استخدام "nextjs-app-router-patterns". يسأل مطور عن كيفية هيكلة صفحة قائمة منتجات مع مرشحات.

النتيجة المتوقعة:

يوصي بصفحة مصيرة على الخادم تقرأ معاملات البحث.
يضع جلب بيانات المنتجات بالقرب من قائمة المنتجات.
يضيف حد Suspense لتحديثات القائمة البطيئة.
يستخدم إبطال التخزين المؤقت المعتمد على الوسوم لتغييرات المنتجات.

جارٍ استخدام "nextjs-app-router-patterns". يريد فريق نافذة تفاصيل صورة تدعم أيضا الروابط المباشرة.

النتيجة المتوقعة:

يقترح intercepting route للتنقل عبر النافذة.
يبقي صفحة تفاصيل كاملة لعناوين URL المباشرة وعمليات التحديث.
يستخدم مكون تفاصيل مشتركا لتجنب تكرار السلوك.

جارٍ استخدام "nextjs-app-router-patterns". يراجع قائد سير عمل طفرة منتج قبل الإطلاق.

النتيجة المتوقعة:

يتحقق مما إذا كانت Server Actions أو route handlers هي الأنسب.
ينبه إلى التحقق، والتفويض، ومعالجة الأخطاء، وإعادة التحقق من التخزين المؤقت.
يحدد حالات التحميل والفشل المرئية للمستخدم.

التدقيق الأمني

مخاطر عالية

v5 • ٤‏/٨‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All 22 static findings are false positives caused by JavaScript template literals, Markdown code references, and ordinary Next.js examples. However, the playbook demonstrates database mutations without explicit schema validation or authorization, creating a high-risk pattern when copied into production.

الملفات التي تم فحصها

586

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

مخاوف أمنية مؤكدة (1)

مرتفع

resources/implementation-playbook.md:417-424 resources/implementation-playbook.md:513-519

Unvalidated and Unauthorized Database Mutation Patterns

The examples pass an entire request body or action data into database writes without showing schema validation, field allowlisting, authentication, or resource authorization.

The POST handler directly supplies request.json() as create data, and the exported Server Action writes caller-supplied data without demonstrated controls. These are clear unsafe patterns when adopted.

عوامل الخطر

⚙️ الأوامر الخارجية (4)

resources/implementation-playbook.md:136-157 resources/implementation-playbook.md:242-244 SKILL.md:32 SKILL.md:36

🌐 الوصول إلى الشبكة (7)

resources/implementation-playbook.md:75 resources/implementation-playbook.md:135 resources/implementation-playbook.md:501 resources/implementation-playbook.md:504 resources/implementation-playbook.md:507 resources/implementation-playbook.md:510 resources/implementation-playbook.md:75

🔑 متغيرات البيئة (2)

resources/implementation-playbook.md:136 resources/implementation-playbook.md:136

دقّقه: codex عرض سجل التدقيق →

شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

https://skillstore.io/skills/sickn33-nextjs-app-router-patterns/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-nextjs-app-router-patterns/security.svg)](https://skillstore.io/skills/sickn33-nextjs-app-router-patterns?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/sickn33-nextjs-app-router-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-nextjs-app-router-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/sickn33-nextjs-app-router-patterns.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

sickn33. (2026). nextjs-app-router-patterns security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-nextjs-app-router-patterns/audits/5

اقتباس BibTeX

@techreport{sickn33-sickn33-nextjs-app-router-patterns-2026,
  author = {sickn33},
  title = {nextjs-app-router-patterns security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/sickn33-nextjs-app-router-patterns/audits/5},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "nextjs-app-router-patterns security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-08-04"
url: "https://skillstore.io/skills/sickn33-nextjs-app-router-patterns/audits/5"
identifiers:
  - type: other
    value: "skillstore:sickn33-nextjs-app-router-patterns:audit:5"
    description: "Skillstore immutable audit report identifier"

مقارنة المتغيرات

2 متغيرات قابلة للتثبيت

تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.

سبب تصدر هذا المتغير

أعلى تقييم في Skillstore

المؤلف / المصدر تقييم Skillstore موثوقية الأدلة استخدام Skillstore تم التحديث

wshobson موصى به

wshobson-nextjs-app-router-patterns

تقييم Skillstore 77

موثوقية الأدلة مرتفع

استخدام Skillstore 13

تم التحديث

2026-09-09

sickn33 الحالي

sickn33-nextjs-app-router-patterns

تقييم Skillstore 38

موثوقية الأدلة متوسط

استخدام Skillstore 9

تم التحديث

2026-09-09

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: متوسط

الهندسة المعمارية

قابلية الصيانة

المحتوى

المجتمع

الامتثال للمواصفات

ما الذي يمكنك بناؤه

تخطيط مشروع App Router جديد

اختر التخطيطات، والصفحات، وحالات التحميل، وroute handlers، والبيانات الوصفية لميزة جديدة قبل التنفيذ.

تحديث ميزات Pages Router

اربط الصفحات الحالية، وAPI routes، وجلب البيانات من العميل بأنماط App Router مع خطوات ترحيل واضحة.

مراجعة خيارات التصيير والتخزين المؤقت

قارن Server Components، والبث، وإعادة التحقق، وإبطال التخزين المؤقت المعتمد على الوسوم لخطة ميزة.

جرّب هذه الموجّهات

رسم هيكل App Router

اشرح هيكل ملفات App Router لميزة Next.js الخاصة بي. ضمّن التخطيطات، والصفحات، وحالات التحميل، وحالات الخطأ، وroute handlers عند الاقتضاء.

تحويل صفحة إلى Server Components

راجع خطة هذه الميزة واقترح الأجزاء التي ينبغي أن تكون Server Components أو Client Components أو Server Actions. اشرح تدفق البيانات والحدود.

تصميم البث والتخزين المؤقت

صمم صفحة Next.js App Router تتضمن بث Suspense، وبدائل التحميل، وتخزين fetch المؤقت، وإعادة التحقق. ضمّن المفاضلات لكل اختيار.

تدقيق خطة ميزة App Router

دقق تصميم ميزة App Router الخاصة بي من حيث التوجيه، وجلب البيانات، وإبطال التخزين المؤقت، والبيانات الوصفية، والتحقق، والتفويض، والجاهزية للإنتاج.

أفضل الممارسات

ابدأ بـ Server Components وأضف Client Components فقط لحالة المتصفح أو الأحداث.
ضع حدود Suspense حول أقسام البيانات البطيئة حتى تتمكن الصفحة من بث محتوى مفيد مبكرا.
أضف التحقق، والتفويض، وحالات خطأ واضحة قبل استخدام الأمثلة في الإنتاج.

تجنب

نقل كل جلب البيانات إلى Client Components دون حاجة واضحة في المتصفح.
استخدام Server Actions أو route handlers دون التحقق من المدخلات وأذونات المستخدم.
إضافة العديد من التخطيطات المتداخلة عندما تكون route groups البسيطة كافية لإبقاء الشجرة أسهل في الصيانة.

الأسئلة المتكررة

ما إصدارات Next.js التي تستهدفها هذه المهارة؟

تستهدف مفاهيم Next.js 14 وما بعده في App Router، بما في ذلك Server Components وServer Actions وroute handlers.

هل يمكنها المساعدة في الترحيل من Pages Router؟

نعم. يمكنها المساعدة في ربط الصفحات، وAPI routes، وأنماط جلب البيانات بما يكافئها في App Router.

هل تولد تطبيقات كاملة؟

لا. توفر أنماطا وإرشادات تنفيذ يجب تكييفها مع مشروع حقيقي.

هل تغطي Server Actions؟

نعم. تتضمن أنماطا للطفرات، وإعادة التوجيه، وإعادة التحقق من التخزين المؤقت، والتحسين التدريجي.

هل الأمثلة جاهزة للإنتاج؟

إنها أنماط بداية. أضف المصادقة، والتفويض، والتحقق، والتسجيل، ومعالجة الأخطاء الخاصة بالمشروع.

ما أدوات الذكاء الاصطناعي التي يمكنها استخدامها؟

يمكن لـ Claude وCodex وClaude Code استخدام محتوى المهارة من خلال سير عمل مهارات متوافقة.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

مراجعة Skillstore

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/nextjs-app-router-patterns

مرجع

81e05e636292629114b76cbb3922fbe57672fc02

حداثة الصيانة

٥‏/٨‏/٢٠٢٦

الاستخدام

7 تنزيلات · 154 مشاهدات

بنية الملفات

📁 resources/

📄 implementation-playbook.md

📄 SKILL.md