feat(front+back): pwa added, register parkour update with it, and jeux added in coming soon
Some checks failed
Deploy to Development / build-and-deploy (push) Failing after 20s
Some checks failed
Deploy to Development / build-and-deploy (push) Failing after 20s
This commit is contained in:
51
frontend/PWA_SETUP.md
Normal file
51
frontend/PWA_SETUP.md
Normal file
@@ -0,0 +1,51 @@
|
||||
# Configuration PWA - LeDiscord
|
||||
|
||||
## Installation
|
||||
|
||||
1. **Installer les dépendances PWA :**
|
||||
```bash
|
||||
npm install --save-dev vite-plugin-pwa sharp
|
||||
```
|
||||
|
||||
2. **Générer les icônes PWA :**
|
||||
```bash
|
||||
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é :
|
||||
|
||||
```bash
|
||||
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
|
||||
|
||||
Reference in New Issue
Block a user