Vizir Marrakech
Site de location touristique avec réservation en ligne, synchronisation Booking.com et paiements Stripe.
Problématique
Le propriétaire d'un appartement de standing à Marrakech souhaitait s'affranchir des commissions élevées des plateformes de réservation (Airbnb, Booking) qui grignotent ses marges. L'objectif était de créer une vitrine professionnelle permettant aux voyageurs de réserver en direct, tout en conservant la visibilité sur les plateformes existantes. Le défi technique principal résidait dans la synchronisation des disponibilités : le calendrier devait refléter en temps réel les réservations effectuées via Booking.com pour éviter les doubles réservations.
Solution technique
L'application repose sur Next.js 16 avec App Router, optimisée pour le SEO et les performances. L'architecture s'articule autour de plusieurs intégrations clés :
- Stripe Checkout pour les paiements sécurisés avec webhook de confirmation
- Synchronisation iCal avec Booking.com pour les disponibilités temps réel
- next-intl pour le support bilingue (FR/EN) avec préfixes d'URL
- Resend pour les emails transactionnels (confirmation de réservation, contact)
La gestion des données s'appuie sur une approche moderne :
- TanStack Query pour le cache et la synchronisation des états serveur
- Zod pour la validation des formulaires avec messages d'erreur i18n
- Fichiers JSON de configuration pour les tarifs saisonniers et frais
Le projet intègre une suite de tests complète avec Vitest pour les tests unitaires et Playwright pour les tests E2E, garantissant la fiabilité du parcours de réservation. Le SEO est optimisé via JSON-LD structuré pour le référencement local (LodgingBusiness).