1.5 KiB
1.5 KiB
Configuration PWA - LeDiscord
Installation
- Installer les dépendances PWA :
npm install --save-dev vite-plugin-pwa sharp
- Générer les icônes PWA :
npm run generate-icons
Cette commande génère automatiquement toutes les icônes nécessaires (72x72, 96x96, 128x128, 144x144, 152x152, 192x192, 384x384, 512x512) à partir du logo public/logo_lediscord.png.
Fonctionnalités PWA
✅ Fonctionnalités implémentées
- Service Worker : Cache automatique des assets statiques
- Manifest.json : Configuration complète de l'application
- Icônes : Support multi-tailles pour tous les appareils
- Offline : Cache des ressources pour fonctionner hors ligne
- Installation : L'application peut être installée sur mobile et desktop
📱 Cache Strategy
- Assets statiques : Cache First (JS, CSS, images, vidéos)
- API : Network First avec cache de 5 minutes
- Uploads : Cache First avec expiration de 7 jours
- Fonts Google : Cache First avec expiration de 1 an
🔧 Configuration
La configuration PWA se trouve dans vite.config.js dans le plugin VitePWA.
🚀 Build Production
Lors du build en production, le service worker sera automatiquement généré :
npm run build
📝 Notes
- Le service worker est activé en développement (
devOptions.enabled: true) - Les mises à jour sont automatiques (
registerType: 'autoUpdate') - Les icônes doivent être générées avant le premier build