Application web · API

QualityYacht — Plateforme de location de yachts

Brancher un catalogue d'environ 1 500 yachts sur une plateforme Next.js sans dupliquer la donnée — et laisser le client garder la main sur ses mises en avant et sa tarification.

Next.js Vercel Vercel Postgres API REST tierce (Ankor) UI/UX
~1 500 yachts exploités sans réplication, via 10 à 20 enregistrements d'override
Le contexte

Un catalogue géant à exposer sans alourdir le site

QualityYacht devait proposer un catalogue d'environ 1 500 yachts issus d'une API tierce (Ankor), sans alourdir le site ni dupliquer la donnée — qui change côté fournisseur. Le client devait par ailleurs conserver la maîtrise de ses mises en avant commerciales et de sa propre grille tarifaire, sans toucher au flux source.

Le défi technique & mon intervention

Architecture « Filtres + Exceptions »

Plutôt que de répliquer 1 500 fiches en base — coûteux et vite obsolète — j'ai conçu une architecture qui interroge la source en direct et ne stocke localement que ce qui relève d'une décision commerciale du client.

  • Intégration de l'API Ankor : recherche par zone géographique, et gestion propre des régions ne disposant pas d'inventaire (pas de page vide ni d'erreur côté visiteur).
  • Filtrage à la source : la requête Ankor est calibrée pour ne remonter que ≈ 200 à 300 yachts pertinents selon les critères, au lieu du catalogue complet.
  • Architecture « Filtres + Exceptions » : on ne stocke en base (Vercel Postgres) que 10 à 20 enregistrements d'override — prix personnalisés, yachts « à la une », masquage de certaines fiches — au lieu de répliquer les 1 500 fiches. La donnée reste maîtrisée par la source, le client ne pilote que ses exceptions.
  • Interface d'administration de présélection : le client compose ses mises en avant, ajuste ses prix et masque des yachts sans intervention technique.
  • Questionnaire client interactif en 9 sections, avec export JSON automatique pour transmettre proprement le besoin et préparer le devis.
  • Pages de résultats filtrés au design soigné, direction artistique dark / luxe cohérente avec le positionnement, et approche mobile-first.
Ce que ça apporte

Léger, à jour, et pilotable par le client

10–20enregistrements en base au lieu de 1 500
~200–300yachts pertinents filtrés à la source
9sections de questionnaire avec export JSON
0réplication de catalogue à maintenir

Résultat : une donnée toujours fraîche côté fournisseur, un site léger et rapide, et une autonomie totale du client sur ses mises en avant et ses prix.

Stack technique

Les outils mobilisés

Next.jsVercelVercel Postgres API REST tierce (Ankor)UI/UXMobile-first