Étude de cas · Webko

PEV Deals : une plateforme de promotions en Angular et Spring Boot

PEV Deals est un catalogue multilingue de promotions sur les gyroroues, vélos électriques et trottinettes électriques. Webko en réalise les trois parties : le front Angular prérendu, le back-office Angular et l’API Spring Boot sur PostgreSQL.

Projet

Plateforme de promotions et de codes promo pour véhicules électriques personnels (EUC, vélos électriques, trottinettes, gyroroues, skateboards électriques)

Notre rôle

Cycle complet, du design Figma à la production : front, back-office, API, déploiement

Périmètre

Trois applications : front public, back-office et serveur Spring Boot

Stack principale

Angular 22, Java 25, Spring Boot 4, PostgreSQL 17

Langues

6 langues, offres et devise selon la région

Lancement

mai 2026, en production et en évolution

Visiter pevdeals.com →

Le besoin

PEV Deals aide les utilisateurs à trouver des promotions vérifiées sur les gyroroues, vélos électriques, trottinettes et skateboards électriques. L’entreprise a besoin d’un catalogue rapide, lisible par les moteurs de recherche, utilisable en plusieurs langues et régions, ainsi que d’un back-office où l’équipe gère seule les offres, vendeurs, articles et traductions, sans développeur.

Les fiches produit, guides d’achat et tests doivent se positionner dans les résultats de recherche, charger vite sur mobile et continuer à fonctionner lorsque l’API répond lentement ou qu’une requête échoue.

Ce que nous construisons

Un front Angular prérendu

Angular 22 avec des composants standalone et des signaux, sans zone.js. Le build de production prérend chaque route en HTML statique et l’hydrate progressivement (les blocs sous la première vue sont chargés via @defer) : les robots des moteurs de recherche et les nouveaux visiteurs reçoivent le contenu immédiatement.

Un catalogue dont l’état est dans l’URL

Les filtres par catégorie, marque, prix, poids, vitesse, autonomie, vendeur et note, le tri et la recherche avec synonymes font partie de l’état de l’URL : chaque vue filtrée peut donc être partagée par lien. Les données arrivent via httpResource selon la région et la langue choisies.

Régions, six langues et SEO technique

Routes avec préfixe de langue, offres et devise par région, balises hreflang et canonical, JSON-LD, sitemap dont les dates lastmod viennent de l’API et redirection 301 depuis l’ancien domaine pevdeals.eu. Une page n’est en noindex que lorsque l’API confirme que l’enregistrement n’existe plus, jamais à cause d’une requête échouée.

Une API Spring Boot à deux surfaces

Java 25 et Spring Boot 4 sur PostgreSQL 17 : une surface d’administration protégée et une surface publique pour le site, authentification par session, toute modification du schéma via des migrations Liquibase, images sur Cloudinary, e-mails via Mailgun.

Un back-office avec traduction assistée par IA

Un back-office Angular distinct (Signal Forms, Angular Material) pour les offres, produits, vendeurs, articles, FAQ, demandes de remise et la modération des avis. Les traductions sont stockées par champ et par langue ; articles et entrées de FAQ peuvent être traduits via l’API Anthropic, tandis que le texte intégral des articles est traduit à la main.

Gestion du contenu depuis un client de chat

Le serveur expose un serveur MCP, ce qui permet de gérer le contenu depuis un client de chat. La suppression y est impossible et chaque modification faite ainsi est consignée dans le journal d’audit.

Une logique de notation côté serveur

Chaque offre reçoit une note interne de 3,0 à 5,0, calculée sur le serveur et recalculée après chaque modification et au démarrage : le résultat ne dépend donc jamais du navigateur.

Le front

Technologies

Front

Angular 22 (standalone, zoneless, signaux, OnPush), httpResource, NgOptimizedImage, prérendu SSR

Back-office

Angular 22, Signal Forms, Angular Material, Vitest avec seuils de couverture

Serveur

Java 25, Spring Boot 4, Spring Data JPA, Spring Security (sessions), springdoc OpenAPI

Données et médias

PostgreSQL 17, Liquibase, Cloudinary, Mailgun

IA et exploitation

API Anthropic (traduction), serveur MCP, Sentry, Heroku

Qualité

Vitest, angular-eslint, Checkstyle, PMD, SpotBugs

Résultat

• 78 offres actives de 14 marques — dans un catalogue avec recherche et filtres en six langues.
• 68 codes promo délivrés à 47 clients — la remise moyenne est de 21 %.
• Toute la chaîne dans une seule équipe — du schéma de base de données au front : une modification d’offre, de traduction ou de filtre part en production sans passage de relais.
• Contrôle à chaque modification — 187 tests unitaires côté front, règles de lint interdisant les API Angular obsolètes et analyse statique dans le build Java.

Les chiffres proviennent de la page À propos du site et de la documentation du projet, état au 15 octobre 2026.

Autres études de cas

• Terasa28 — Site de location d’un appartement en bord de mer avec compte invité, calendrier de réservation et back-office de validation des demandes.
• Intela — Composants Angular réutilisables, logique métier des modules et pages de rapports pour un portail de gestion fiscale dans un groupe mondial.

Tous les projets