Belle Vue RHOP
Plateforme web et CMS headless pour cabinet d'optique, consultations visuelles et boutique de lunetterie.
Belle Vue RHOP est une solution digitale moderne développée pour un cabinet d'optique à Brazzaville. Elle combine la prise de rendez-vous en ligne, la gestion des campagnes de dépistage visuel, un catalogue de montures et verres, et un CMS headless performant.
Les cabinets d'optique en Afrique centrale manquent souvent d'outils numériques pour la prise de rendez-vous en ligne, la présentation de leurs catalogues de verres/montures et la gestion des campagnes de sensibilisation visuelle.
LA SOLUTION TECHNIQUEDéploiement d'une application Next.js 16 couplée à Payload CMS 3.84 sur base SQLite/Turso et stockage Cloudflare R2, offrant une vitesse extrême, une administration fluide du contenu et la réservation de consultations via WhatsApp.
Impact & Métriques Clés
<300ms
Temps de chargement des pages rendu serveur (SSR)
100%
Couverture des types TypeScript CMS & Frontend
0$
Frais de bande passante d'images (Cloudflare R2 Zero-Egress)
Spécifications Techniques Completes
Frontend & UI
- Next.js 16
- React 19
- TailwindCSS v4
- Headless UI
- Radix UI
- Shadcn UI
- Lucide Icons
- Date-fns
Backend & Services
- Payload CMS 3.84
- Node.js
- Next.js Route Handlers
- GraphQL API
- REST API
Données & Cache
- SQLite
- Turso (libSQL)
- Sharp
Infrastructure & DevOps
- Cloudflare R2
- Docker
- Docker Compose
- Vitest
- Playwright
Intégrations Tiers
- Cloudflare R2 S3 API
- WhatsApp Business API
- Google Maps API
Décisions d'Architecture Clés
CMS Headless co-localisé avec Payload 3 & Turso
Intégration de Payload CMS 3.84 au sein du runtime Next.js 16 avec la base SQLite/Turso edge pour des temps d'accès aux données inférieurs à 1ms sans latence API externe.
Stockage Cloudflare R2 et Optimisation d'images Sharp
Stockage d'images haute résolution pour le catalogue de montures sur Cloudflare R2 sans frais d'egress, combiné avec Sharp pour la génération de vignettes WebP à la volée.
Contrats de données typés de bout en bout
Génération automatique des types TypeScript synchronisés entre les collections Payload CMS et les composants Next.js pour une sécurité de typage totale.
Fonctionnalités Principales
Boutique & Catalogue Optique
Exploration des montures, verres correcteurs, lentilles et accessoires avec filtres par catégorie et fiches détaillées.
Réservation de Consultations Visuelles
Prise de rendez-vous en ligne pour examens de vue (OD/OG) et conseils optiques avec routage vers WhatsApp.
Portail des Campagnes de Dépistage
Présentation des campagnes publiques de santé visuelle et offres promotionnelles du cabinet.
Studio d'Administration & Gestion du Cabinet
Interface d'administration complète pour la gestion des services, catalogues, promotions et horaires d'ouverture.