Cas clients
Marketplace B2BShipped · 2025

The Catalog.

Une marketplace B2B qui encaisse des milliers de références

Marketplace et plateforme de gestion de catalogue : data-heavy, filtres complexes, cartes interactives et drag & drop.

thecatalog.app/dashboard
Contexte

The Catalog est une marketplace B2B doublée d’une plateforme de gestion de catalogue, pensée pour des volumes de données importants : beaucoup de références, des filtres pointus et une cartographie interactive.

Mon rôle · Fullstack Next.js

Le problème

Un catalogue B2B volumineux, c’est vite des filtres lents, des recherches qu’on ne peut pas partager par lien, et une gestion à la main qui ne suit plus le volume.

Mon approche
01

Des grids qui tiennent le volume

Tableaux server-driven avec TanStack Query + TanStack Table : tri, pagination et filtrage côté serveur pour rester fluides même sur des milliers de lignes.

02

Filtres partageables par URL

Synchronisation URL ↔ filtres via nuqs : n’importe quelle vue filtrée devient un lien partageable et rechargeable à l’identique.

03

Accès sécurisé

Middleware d’authentification Next.js 15 (JWT en cookies) pour protéger les routes et réserver les vues aux comptes autorisés.

04

Cartes et drag & drop

Cartographie interactive Mapbox GL et réorganisation par drag & drop (dnd-kit) pour manipuler le catalogue directement à l’écran.

Stack technique
Next.js 15TanStack Query/TableZustandnuqsMapbox
Résultats
Filtres partageables

Chaque recherche filtrée tient dans une URL : on partage une vue précise d’un lien, sans capture d’écran.

Gros volumes, sans lag

Grids server-driven : le tri et la pagination restent instantanés même quand le catalogue grossit.

Catalogue manipulable

Cartes interactives et drag & drop pour gérer les références directement, sans passer par un back-office austère.

Un projet similaire ?Discutons-en autour d’un appel.