Kelly Josué AKPLOGAN.
Retour aux projets
Développeur Full-Stack

CryptoElectro AU, Marketplace Électronique

Durée : 2 mois

Next.js 16TypeScriptTailwind CSSFramer MotionPrisma ORMPostgreSQL (Neon)JWT (Jose)VercelNowPayments APIPayPal APICoinGecko APIGoogle Indexing APISchema.org JSON-LDGmail SMTPZod ValidationbcryptjsRadix UIRechartsReact Hook Form

Aperçu

Problématique

Le marché de l'électronique en Australie manque de plateformes acceptant les cryptomonnaies comme moyen de paiement. Les consommateurs crypto doivent convertir leurs actifs en dollars australiens via des exchanges, subissant des frais et des délais, avant de pouvoir acheter sur des marketplaces traditionnelles. Par ailleurs, les marketplaces existantes n'offrent pas d'expérience d'achat optimisée pour les utilisateurs de crypto, avec des problèmes de transparence sur les taux de change, l'absence de programmes de fidélité adaptés, et un manque d'automatisation dans la gestion des stocks et des commandes. Cette fracture entre l'adoption croissante des cryptomonnaies en Australie et l'offre e-commerce disponible freine l'écosystème crypto local.

Objectif

CryptoElectro a été conçu pour devenir la marketplace de référence en Australie pour l'achat d'électronique premium avec cryptomonnaies et cartes bancaires. La plateforme vise à offrir une expérience d'achat transparente avec des taux de change en temps réel, un processus de paiement crypto simplifié, et une automatisation complète de la gestion des commandes, des stocks et de l'indexation Google. Le programme d'affiliation et de fidélité a été pensé pour créer un écosystème vertueux récompensant les clients réguliers et les ambassadeurs de la marque. Enfin, la plateforme fournit aux administrateurs des outils avancés de gestion, de modération et d'analyse pour piloter l'activité efficacement.

Solution

CryptoElectro est une plateforme e-commerce full-stack qui connecte les consommateurs australiens aux plus grandes marques d'électronique avec des paiements en cryptomonnaies et cartes bancaires. Pour les acheteurs, elle propose un catalogue riche avec filtres dynamiques par marque, prix et disponibilité, des fiches produits détaillées avec spécifications techniques, un checkout multi-étapes avec conversion crypto en temps réel, et un dashboard client complet avec suivi des commandes, wishlist, programme de fidélité et parrainage. Pour les administrateurs, la plateforme permet de gérer l'ensemble du catalogue produits, les commandes, les articles de blog et les offres d'emploi via un dashboard intuitif, d'automatiser l'indexation Google via l'API Indexing, de modérer les témoignages clients, et de suivre les revenus en temps réel. Un système de rôles permet de déléguer la gestion des produits à des managers sans accès aux données sensibles. Côté technique, CryptoElectro repose sur Next.js 16, TypeScript, Prisma ORM, PostgreSQL, avec trois modes de paiement intégrés (crypto via NowPayments, carte via PayPal, store credit), un design entièrement responsive, un SEO avancé avec Schema.org, Google News, Google for Jobs et Rich Snippets, une automatisation complète de l'indexation, et une sécurité renforcée contre les injections, les failles CSRF et les attaques par force brute.

Processus

1

Analyse & Planification

Étude du marché e-commerce australien, identification des besoins des consommateurs crypto et traditionnels, définition du cahier des charges et des fonctionnalités prioritaires. Analyse des processeurs de paiement crypto disponibles en Australie et choix de NowPayments pour sa couverture de plus de 100 cryptomonnaies et sa compatibilité AUD native.

Analyse & Planification
2

Conception & Architecture

Création de l'identité visuelle CryptoElectro (palette sombre avec accents bleu électrique), design des maquettes pour toutes les pages (accueil, checkout, dashboard client et admin), modélisation de la base de données avec Prisma et PostgreSQL incluant les relations complexes pour les commandes, l'affiliation, la fidélité et les logs d'indexation. Mise en place de l'authentification JWT avec rôles multiples (CUSTOMER, ADMIN, MANAGER).

Conception & Architecture
3

Développement & Intégration

Développement du frontend avec Next.js 16 et Tailwind CSS, création des API REST pour le catalogue produits, la recherche dynamique, le checkout multi-étapes et les dashboards. Intégration des systèmes de paiement (NowPayments pour 100+ cryptos, PayPal SDK pour les cartes bancaires) avec webhooks IPN automatisés. Mise en place du programme d'affiliation avec tracking 30 jours, du programme de fidélité à 5 niveaux, et du système de parrainage. Développement du dashboard administrateur avec gestion complète des produits, commandes, blog, carrières et témoignages. Intégration de la Google Indexing API pour l'indexation automatique des nouvelles pages.

Développement & Intégration
4

Déploiement & Optimisation

Déploiement sur Vercel avec PostgreSQL Neon, configuration des variables d'environnement pour les API Google, NowPayments et PayPal. Mise en place du système d'expiration automatique des commandes non payées (30 minutes) avec emails de relance et redirection. Optimisation SEO avancée avec Schema.org (Organization, Product, FAQ, Article, JobPosting, AggregateRating), Google News Sitemap, Google for Jobs, Rich Snippets avec étoiles et prix. Configuration du sitemap XML dynamique avec priorités adaptatives. Mise en conformité RGPD avec bannière de consentement cookies et pages légales complètes. Sécurisation avec CSP headers, rate limiting, validation Zod et protection anti-injection.

Déploiement & Optimisation

Architecture technique

CryptoElectro est une application full-stack développée avec Next.js 16 (App Router), TypeScript et Tailwind CSS pour le frontend, déployée sur Vercel. Le backend utilise les API Routes de Next.js avec Prisma ORM pour communiquer avec une base PostgreSQL hébergée sur Neon. L'authentification est gérée par JWT via Jose avec cookies httpOnly et rôles multiples (CUSTOMER, ADMIN, MANAGER). Les paiements crypto transitent par NowPayments avec webhook IPN automatisé, les paiements carte par PayPal SDK. Les taux de change crypto sont fournis en temps réel par CoinGecko API. La Google Indexing API notifie automatiquement Google à chaque nouveau produit, article ou offre d'emploi. Les médias produits sont chargés depuis des URLs externes. Un middleware proxy gère la sécurité (CSP, X-Frame-Options, rate limiting) et les restrictions d'accès par rôle. Le sitemap XML et le Google News sitemap sont générés dynamiquement à chaque requête avec cache optimisé. Les emails transactionnels sont envoyés via Gmail SMTP (confirmation de commande, expiration, vérification email). Un bouton d'indexation globale dans l'admin permet de soumettre toutes les pages à Google en une seule action avec logs en temps réel.

Résultats

63

Pages indexées

63 pages indexées sur Google en quelques semaines grâce à l'API Indexing automatique, au sitemap dynamique et aux Rich Snippets Schema.org couvrant produits, articles, offres d'emploi et FAQ.

98%

Taux de conversion crypto

Taux de succès des paiements crypto via NowPayments avec un temps de confirmation moyen inférieur à 15 minutes grâce au passage en pricing AUD natif éliminant la double conversion.

5.0/5

Satisfaction client

Note moyenne basée sur plus de 170 avis clients vérifiés, avec un système de témoignages modéré par l'administration et affiché via un carrousel infini sur la page d'accueil.

< 5 min

Temps de mise en ligne

Une nouvelle page produit est indexée par Google en moins de 5 minutes après sa création grâce à l'API Indexing, contre 24 à 48 heures avec le sitemap seul.

Voir le siteCode sourceFigma