Tableau de bord vendeur

Le tableau de bord vendeur d'Akuba est une page entièrement personnalisée où les vendeurs gèrent leur vitrine et leurs produits. Les vendeurs ont un accès immédiat à leur tableau de bord dès la soumission du formulaire de candidature vendeur, où ils peuvent suivre leur statut et seront notifiés de la décision d'approbation par courriel.

Each step pairs a heading and description with a decorative 3D preview of the Equivox UI. Those previews are skipped in screen reader navigation and are not interactive for assistive technology—the text beside each preview is authoritative.

Section profil

La section profil du tableau de bord vendeur est où les vendeurs configurent les informations et images de leur vitrine, ainsi que leurs méthodes de contact. Encore une fois, la place de marché est un répertoire de fiches, alors les paiements se font en externe via les méthodes de contact.

Le tableau de bord est entièrement personnalisé avec des avertissements de modifications non sauvegardées, une gestion d'erreurs localisée, la compression/optimisation d'images, le chargement fantôme, des composants personnalisés, etc. Très peu de paquets inutiles ont été utilisés sur cette plateforme.

Créateur de produits

La section produit du tableau de bord est un espace de travail à deux panneaux, double barre latérale! Sérieusement, cela semblait être la façon la plus efficace de gérer cela. Au cas où vous vous demanderiez, tous les tableaux de bord et sections sont bien adaptés au mobile ; c'est juste un peu plus complexe avec les onglets et le menu hamburger, mais c'est assez intuitif.

C'est un créateur assez standard qui bénéficie de tout ce que j'ai dit avant : avertissements de modifications non sauvegardées, gestion d'erreurs, etc. Vous pouvez créer tous vos produits sans être approuvé. Vous et n'importe quel admin pouvez accéder à vos pages publiques (produit/vitrine), mais elles ne seront disponibles aux utilisateurs qu'une fois vous approuvé. Toutes ces vérifications se font côté serveur, il n'y a pas de contournement. En fait, presque tout passe par le serveur sur cette plateforme. J'avais 6 semaines pour construire Akuba ; j'ai opté pour du code défensif verbeux et prévisible au prix d'un code peut-être plus optimal et performant.

Pipeline d'images

Un matin tard dans le développement, j'ai ouvert Supabase et j'ai vu que j'avais utilisé tout mon egress pour le plan gratuit. Cela ne m'avait jamais arrivé, et j'ai réalisé que mes images étaient horriblement non optimisées. Certaines images étaient stockées dans Supabase jusqu'à 5 MB, ce qui est insensé.

Alors, j'ai fait une refonte globale de toute la gestion d'images pour la plateforme entière, en m'assurant que toutes les images téléversées sont compressées et optimisées dans des limites raisonnables. J'ai réussi à réduire considérablement les tailles de fichier, variant entre quelques KB et quelques centaines de KB pour la plupart des images.

Les images dans les compartiments privés (qui est presque tout) ne sont accessibles que via des URL signées émises par le serveur, où le serveur peut appliquer l'auth, la propriété, la limitation de taux et autres.