返回 Skill 列表
extension
分类: 开发与工程无需 API Key

enabling-offline-pwa

实现PWA功能和服务工作者以支持离线访问。用于缓存行程和关键旅行信息,方便用户在移动中使用。

person作者: jakexiaohubgithub

Offline Capabilities (PWA)

When to use this skill

  • When users need access to their "My Bookings" or "Itinerary" without a signal.
  • To improve load times via aggressive caching.

Workflow

  • [ ] Configure next-pwa or a manual service worker (sw.js).
  • [ ] Define the manifest.json for "Add to Home Screen" support.
  • [ ] Cache Appwrite API responses for routes like /my-trips.

Strategy (Service Worker)

  • Stale-While-Revalidate: Show the cached data immediately, then update it in the background.
  • Cache-First: Use for static assets (icons, fonts, localized tour descriptions).

Instructions

  • Safety: Ensure the service worker doesn't cache auth tokens or sensitive personal data indefinitely.
  • Feedback: Show an "Offline Mode" banner when the user loses connection.