·nextjs-pwa
</>

nextjs-pwa

أنشئ تطبيقات ويب تقدمية باستخدام Next.js: عمال الخدمة، والدعم دون اتصال بالإنترنت، واستراتيجيات التخزين المؤقت، وإشعارات الدفع، ومطالبات التثبيت، وبيان تطبيق الويب. يُستخدم عند إنشاء تطبيقات PWA، أو إضافة إمكانية عدم الاتصال بالإنترنت، أو تكوين عمال الخدمة، أو تنفيذ إشعارات الدفع، أو التعامل مع مطالبات التثبيت، أو تحسين أداء PWA. المشغلات: PWA، تطبيق الويب التقدمي، عامل الخدمة، غير متصل، استراتيجية ذاكرة التخزين المؤقت، بيان الويب، إشعار الدفع، التطبيق القابل للتثبيت، Serwist، pwa التالي، مربع العمل، مزامنة الخلفية.

7التثبيتات·0الرائج·@jakerains

التثبيت

$npx skills add https://github.com/jakerains/agentskills --skill nextjs-pwa

كيفية تثبيت nextjs-pwa

ثبّت مهارة الذكاء الاصطناعي nextjs-pwa بسرعة في بيئة التطوير لديك عبر سطر الأوامر

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

المصدر: jakerains/agentskills.

| Add PWA to Next.js app | Serwist (recommended) | This file → Quick Start | | Add PWA without dependencies | Manual SW | references/service-worker-manual.md | | Configure caching | Serwist defaultCache or custom | references/caching-strategies.md | | Add offline support | App shell + IndexedDB | references/offline-data.md |

| Push notifications | VAPID + web-push | references/push-notifications.md | | Fix iOS issues | Safari/WebKit workarounds | references/ios-quirks.md | | Debug SW / Lighthouse | DevTools + common fixes | references/troubleshooting.md | | Migrate from next-pwa | Serwist migration | references/serwist-setup.md |

Serwist is the actively maintained successor to next-pwa, built for App Router.

أنشئ تطبيقات ويب تقدمية باستخدام Next.js: عمال الخدمة، والدعم دون اتصال بالإنترنت، واستراتيجيات التخزين المؤقت، وإشعارات الدفع، ومطالبات التثبيت، وبيان تطبيق الويب. يُستخدم عند إنشاء تطبيقات PWA، أو إضافة إمكانية عدم الاتصال بالإنترنت، أو تكوين عمال الخدمة، أو تنفيذ إشعارات الدفع، أو التعامل مع مطالبات التثبيت، أو تحسين أداء PWA. المشغلات: PWA، تطبيق الويب التقدمي، عامل الخدمة، غير متصل، استراتيجية ذاكرة التخزين المؤقت، بيان الويب، إشعار الدفع، التطبيق القابل للتثبيت، Serwist، pwa التالي، مربع العمل، مزامنة الخلفية. المصدر: jakerains/agentskills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/jakerains/agentskills --skill nextjs-pwa
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-28
آخر تحديث
2026-03-10

Browse more skills from jakerains/agentskills

إجابات سريعة

ما هي nextjs-pwa؟

أنشئ تطبيقات ويب تقدمية باستخدام Next.js: عمال الخدمة، والدعم دون اتصال بالإنترنت، واستراتيجيات التخزين المؤقت، وإشعارات الدفع، ومطالبات التثبيت، وبيان تطبيق الويب. يُستخدم عند إنشاء تطبيقات PWA، أو إضافة إمكانية عدم الاتصال بالإنترنت، أو تكوين عمال الخدمة، أو تنفيذ إشعارات الدفع، أو التعامل مع مطالبات التثبيت، أو تحسين أداء PWA. المشغلات: PWA، تطبيق الويب التقدمي، عامل الخدمة، غير متصل، استراتيجية ذاكرة التخزين المؤقت، بيان الويب، إشعار الدفع، التطبيق القابل للتثبيت، Serwist، pwa التالي، مربع العمل، مزامنة الخلفية. المصدر: jakerains/agentskills.

كيف أثبّت nextjs-pwa؟

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

أين مستودع المصدر؟

https://github.com/jakerains/agentskills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-28