مثال PWA — يعمل أونلاين وأوفلاين

بيانات من API (مع بديل محلي عند عدم توفر الإنترنت)

...نحمّل البيانات
المصدر الحي: https://jsonplaceholder.typicode.com/todos/1 — البديل: data/fallback.json

تعليمات التثبيت

  1. افتح المشروع عبر http://localhost أو أي خادم محلي (ليس فتح الملف مباشرة).
  2. سيتم تسجيل Service Worker تلقائيًا.
  3. جرّب فصل الإنترنت ثم حدّث الصفحة: سترى الصفحة والبيانات البديلة.