name: enabling-offline-pwa description: Implements PWA features and service workers for offline access. Use to cache itineraries and critical travel info for users on the go.
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-pwaor a manual service worker (sw.js). - Define the
manifest.jsonfor "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.