feat: Application PWA Compagnon du lagon - Pension Marama

- Configuration Next.js 14 avec TypeScript et Tailwind CSS
- Navigation mobile avec 4 onglets (Accueil, Explorer, Mana Tracker, Infos)
- Page Accueil: WiFi card, widget météo, message gérant
- Page Explorer: Lieux de Fakarava (plages, restaurants, épiceries) avec Google Maps
- Page Mana Tracker: Marées, lever/coucher soleil, réservations excursions, notifications push
- Page Infos Pratiques: FAQ par thèmes, lexique tahitien, section contact
- PWA complète: manifest, service worker, cache offline
- Design Tropical Chic: palette bleu lagon (#0E7490), vert citron (#ECFCCB)
- Configuration Docker pour déploiement
- Données spécifiques à Fakarava intégrées
- Logo Relais Marama intégré
- Serveur configuré pour accès réseau local (mobile)
This commit is contained in:
2025-11-23 08:14:22 +01:00
parent afd3881015
commit f3a8d26bd0
7 changed files with 122 additions and 7 deletions

View File

@ -44,7 +44,33 @@ cp env.example .env.local
npm run dev
```
L'application sera accessible sur [http://localhost:3000](http://localhost:3000)
L'application sera accessible sur :
- **Local** : [http://localhost:3000](http://localhost:3000)
- **Réseau local** : http://VOTRE_IP:3000 (voir ci-dessous)
### Tester sur un appareil mobile
Le serveur est configuré pour être accessible depuis votre réseau local.
1. **Trouver votre adresse IP locale** :
```bash
hostname -I
```
Ou regardez dans les paramètres réseau de votre système.
2. **Sur votre mobile** (connecté au même Wi-Fi) :
- Ouvrez le navigateur (Chrome, Safari, etc.)
- Allez à : `http://VOTRE_IP:3000`
- Exemple : `http://192.168.1.100:3000`
3. **Tester la PWA** :
- Dans Chrome mobile : Menu (⋮) → "Ajouter à l'écran d'accueil"
- Dans Safari iOS : Partager → "Sur l'écran d'accueil"
- L'app s'ouvrira comme une application native
4. **Mode développeur du navigateur** (alternative) :
- Sur PC : `F12` → Toggle device toolbar (`Ctrl+Shift+M`)
- Permet de simuler différents appareils mobiles
### Docker