Étude de cas
WME Trading Corp
- Next.js 16
- React 19
- TypeScript
Problème
WME Trading Corp est une marque de formation pour les traders en progression. Elle avait besoin d'une vitrine publique sur wmetradingcorp.com pour présenter son mentorat à un public multilingue, sur un marché où un texte imprudent se lit comme une promesse de gains. Une plateforme de cours pour les clients est prévue : la première version devait donc aussi lui laisser la place.
Démarche
J'ai construit la landing page avec Next.js 16, React 19 et TypeScript strict. Chaque langue dispose de textes complets en CA, EN, ES, DE, NL, FR, IT, PT et RO, avertissements, métadonnées et textes d'accessibilité compris, sur sa propre route partageable avec canonicals, alternatives hreflang et entrées de sitemap cohérentes. Un contrat typé de dictionnaires fait échouer les tests s'il manque une clé à une langue, et seule la langue choisie est chargée.
Les textes présentent le trading comme une boucle d'apprentissage : préparer, pratiquer, revoir, affiner. Le graphique est un schéma pédagogique fictif et signalé comme tel, jamais une prévision, et la page indique clairement qu'elle propose une formation payante sans rendement promis. Les demandes ouvrent un e-mail plutôt qu'un formulaire : le site ne collecte rien. Il ne charge ni polices distantes, ni traceurs, ni base de données, démarre en thème sombre restauré avant le premier affichage et coupe les animations non essentielles avec prefers-reduced-motion.
Les routes publiques vivent dans leur propre groupe de routes, si bien qu'un futur espace de cours authentifié pourra avoir sa propre mise en page et ses contrôles d'accès côté serveur sans remanier le site vitrine.
Résultat
La page est en ligne sur le domaine du client via Vercel, avec www redirigé vers le domaine racine en HTTPS et les neuf routes localisées vérifiées sur place. Le client dispose aujourd'hui d'une présence publique crédible et d'un code prêt pour la plateforme de cours dès que ses exigences seront arrêtées.