Étude de cas · Site de gîte
Les Portes de Montafilan : un site de gîte connecté à Airbnb
Présenter le gîte, aider les visiteurs à préparer leur séjour et laisser le propriétaire modifier ses tarifs simplement : trois besoins réunis dans une interface React et TypeScript.
- React
- TypeScript
- Google Sheets
- iCal
Le besoin et les contraintes
Le projet devait éviter un abonnement mensuel de plateforme et un backend complexe, tout en conservant des tarifs modifiables sans code depuis un tableur. Le site devait également tenir compte des indisponibilités Airbnb.
La solution réalisée
J’ai développé un site qui présente le gîte et relie la préparation du séjour aux outils déjà utilisés pour sa gestion.
- Lecture des tarifs depuis Google Sheets.
- Synchronisation des indisponibilités Airbnb au format iCal.
- Calcul d’une estimation lisible à partir des dates choisies.
- Redirection vers Airbnb avec les dates préremplies.
Le parcours du visiteur
Le visiteur découvre le lieu, choisit ses dates et consulte une estimation du séjour. Il poursuit ensuite sa réservation sur Airbnb. Le site accompagne le choix du séjour ; la réservation finale reste gérée sur Airbnb.
Les choix techniques
React et TypeScript structurent l’interface, Vite assure la construction du projet et Tailwind CSS sa présentation. Le projet utilise Vercel pour le déploiement, Brevo pour les emails et Vitest et Playwright pour les tests.
Ce que le site permet
Le propriétaire peut ajuster ses tarifs depuis son tableur. Les visiteurs disposent d’un aperçu du gîte, des dates et d’une estimation avant de rejoindre Airbnb. Le site et son code sont consultables ci-dessous pour découvrir la réalisation.
Voir le site · Explorer le code
Pour aller plus loin
Commençons par votre besoin.
Votre objectif, votre échéance, les outils que vous utilisez : quelques lignes suffisent pour engager la discussion.
Décrire mon projet