Étude de cas
OkRiba
Parking.
Plateforme de réservation de parking près de l'aéroport Bordeaux-Mérignac. Migration d'un site WordPress vers un SaaS sur mesure pour reprendre le contrôle total du système de réservation et automatiser la facturation.
Explorer la plateforme
En bref
Client
OkRiba Parking
Secteur
Parking aéroport · Bordeaux-Mérignac
Technologies
Next.js · TypeScript · MySQL · Stripe
Mission
Migration WordPress → SaaS sur mesure
Présentation
D’un site vitrine
à un outil métier.
OkRiba propose un service de stationnement sécurisé près de l'aéroport de Bordeaux-Mérignac avec navette gratuite 24h/24 ou service voiturier. Le client disposait initialement d'un site WordPress avec Elementor pour présenter son offre.
Face à la croissance de l'activité, il souhaitait reprendre le contrôle total de son système de réservation, automatiser la facturation et offrir un dashboard client pour suivre les réservations en temps réel — des besoins difficiles à gérer avec WordPress.
J'ai développé une plateforme SaaS complète avec Next.js 16, TypeScript, MySQL et Stripe pour répondre précisément à ces besoins métier.
Aperçu
Du départ prévu
à la place réservée.
Un parcours de réservation clair, des réponses aux questions des voyageurs et une page d’accueil complète à explorer ci-dessous.
-
Réservation — calcul tarifaire et choix navette ou voiturier. -
FAQ — réponses aux questions fréquentes des voyageurs.
Page d'accueil complète — faites défiler pour parcourir l'ensemble du site de réservation.
Le défi
Six besoins concrets.
Une plateforme sur mesure.
- 01
Calcul tarifaire dynamique
Système de réservation avec tarification variable selon les périodes (haute/basse saison). Le calcul doit être fait côté serveur pour éviter toute manipulation client.
- 02
Paiements sécurisés
Intégration Stripe Checkout avec gestion des webhooks pour confirmer les paiements et enregistrer les réservations en base de données de manière sécurisée.
- 03
Facturation automatisée
Génération automatique de factures PDF personnalisées et envoi par email après chaque paiement validé, avec informations de réservation complètes.
- 04
Dashboard administrateur
Interface de gestion intuitive pour les réservations, les tarifs, les périodes tarifaires, les exports CSV et les remboursements.
- 05
Deux services distincts
Gestion de la navette gratuite et du service voiturier avec supplément, tracking des vols et informations véhicules pour optimiser la logistique.
- 06
Monitoring et stabilité
Intégration Sentry pour le monitoring d'erreurs en temps réel, logs serveur et backups automatiques pour garantir la continuité du service.
La réponse produit
Architecture technique
Frontend
Next.js 16 App Router, TypeScript, Tailwind CSS 4
Backend
API Routes Next.js, MySQL (mysql2), Node.js
Paiements
Stripe Checkout, webhooks, gestion remboursements
PDF & Email
PDFKit (génération factures), Nodemailer (SMTP)
Monitoring
Sentry (erreurs temps réel), logs serveur
Hébergement
Vercel (frontend), MySQL hébergé, backups auto
Explorer les fonctionnalités en détail
- Moteur de calcul tarifaire : logique métier côté serveur pour calculer le prix selon les dates, horaires et périodes configurées (haute/basse saison). Impossible à manipuler par le client.
- Gestion de deux services : navette gratuite incluse ou service voiturier avec supplément paramétré dans l'admin. Chaque réservation capture les informations de vol et véhicule.
- Paiements Stripe sécurisés : intégration Stripe Checkout avec session côté serveur. Les webhooks valident les paiements et enregistrent les réservations en base.
- Facturation PDF automatique : génération de factures PDF avec PDFKit (logo, infos entreprise, détails réservation, TVA) et envoi automatique par email via Nodemailer après paiement.
- Dashboard administrateur : interface sécurisée pour gérer les réservations, exporter en CSV, configurer les périodes tarifaires, ajuster le supplément voiturier et traiter les remboursements.
- Authentification admin : connexion sécurisée avec sessions pour protéger l'accès au backoffice. Cookies HTTP-only et validation côté serveur.
- Monitoring Sentry : tracking des erreurs frontend et backend en temps réel pour détecter et corriger rapidement les problèmes en production.
Résultats
Moins de tâches manuelles.
Plus de contrôle.
- Autonomie totale le client gère ses tarifs, périodes et réservations via un dashboard intuitif, sans dépendre d'un développeur pour chaque ajustement.
- Automatisation complète les factures PDF sont générées et envoyées automatiquement après paiement, ce qui fait gagner des heures de travail manuel chaque semaine.
- Évolutivité sans limites contrairement à WordPress, le SaaS peut grandir avec l'activité. Ajout de nouvelles fonctionnalités (services complémentaires, abonnements) sans refonte complète.
- Performance optimale Next.js garantit des temps de chargement rapides et une expérience utilisateur fluide, même sous forte charge pendant les périodes de vacances.
- Sécurité renforcée paiements Stripe PCI-compliant, calcul tarifaire côté serveur, authentification sécurisée et monitoring d'erreurs en temps réel via Sentry.
- Contrôle financier exports CSV des réservations pour la comptabilité, gestion des remboursements directement depuis l'admin, tracking précis des revenus par période.
Votre projet SaaS
Vous avez atteint les limites de WordPress ?
Discutons de votre migration vers un SaaS sur mesure avec automatisations et dashboards clients.
Projets similaires
