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:
28
README.md
28
README.md
@ -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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user