Fallstudie · Webko

PEV Deals: Rabattplattform mit Angular und Spring Boot

PEV Deals ist ein mehrsprachiger Katalog mit Rabatten auf Elektro-Einräder, E-Bikes und E-Scooter. Webko baut und betreibt alle drei Teile: das vorab gerenderte Angular-Frontend, den Angular-Admin-Bereich und die Spring-Boot-API auf PostgreSQL.

Projekt

Plattform für Rabatte und Aktionscodes auf persönliche Elektrofahrzeuge (EUC, E-Bikes, E-Scooter, Einräder, Elektro-Skateboards)

Unsere Rolle

Gesamter Zyklus vom Figma-Design bis zum Livebetrieb: Frontend, Admin-Bereich, API, Deployment

Umfang

Drei Anwendungen: öffentliches Frontend, Admin-Bereich und Spring-Boot-Backend

Haupt-Stack

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

Sprachen

6 Sprachen, Angebote und Währung je Region

Start

Mai 2026, live und in Weiterentwicklung

pevdeals.com besuchen →

Die Aufgabe

PEV Deals hilft Fahrern, geprüfte Rabatte auf Elektro-Einräder, E-Bikes, E-Scooter und Elektro-Skateboards zu finden. Das Unternehmen braucht einen schnellen Katalog, den Suchmaschinen gut lesen können und der in mehreren Sprachen und Regionen funktioniert, sowie ein Backend, in dem das Team Angebote, Händler, Artikel und Übersetzungen ohne Entwickler pflegt.

Produktseiten, Kaufratgeber und Tests müssen in der Suche ranken, auf Mobilgeräten schnell laden und auch dann funktionieren, wenn die API langsam antwortet oder eine Anfrage fehlschlägt.

Was wir bauen

Vorab gerendertes Angular-Frontend

Angular 22 mit Standalone-Komponenten und Signals, ohne zone.js. Der Produktions-Build rendert jede Route vorab als statisches HTML und hydriert es schrittweise (Bereiche unterhalb des ersten Bildschirms laden per @defer), sodass Suchmaschinen-Crawler und neue Besucher den Inhalt sofort erhalten.

Katalog mit Zustand in der URL

Filter für Kategorie, Marke, Preis, Gewicht, Geschwindigkeit, Reichweite, Händler und Bewertung, Sortierung und Suche mit Synonymen sind URL-Zustand, daher lässt sich jede gefilterte Ansicht per Link teilen. Die Daten kommen per httpResource, abhängig von Region und Sprache.

Regionen, sechs Sprachen und technisches SEO

Routen mit Sprachpräfix, Angebote und Währung je Region, hreflang- und canonical-Tags, JSON-LD, eine Sitemap mit lastmod-Daten aus der API und eine 301-Weiterleitung von der alten Domain pevdeals.eu. Eine Seite erhält nur dann noindex, wenn die API bestätigt, dass der Datensatz nicht mehr existiert, nicht bei einer fehlgeschlagenen Anfrage.

Spring-Boot-API mit zwei Oberflächen

Java 25 und Spring Boot 4 auf PostgreSQL 17: eine geschützte Admin-Oberfläche und eine öffentliche Oberfläche für die Website, sitzungsbasierte Authentifizierung, jede Schemaänderung über Liquibase-Migrationen, Bilder in Cloudinary, E-Mails über Mailgun.

Admin-Bereich mit KI-gestützter Übersetzung

Ein eigener Angular-Bereich (Signal Forms, Angular Material) für Angebote, Produkte, Händler, Artikel, FAQ, Rabattanfragen und die Moderation von Bewertungen. Übersetzungen werden pro Feld und Sprache gespeichert, Artikel und FAQ-Einträge lassen sich über die Anthropic-API übersetzen; der vollständige Artikeltext wird manuell übersetzt.

Inhaltspflege aus einem Chat-Client

Das Backend stellt einen MCP-Server bereit, sodass Inhalte aus einem Chat-Client gepflegt werden können. Löschen ist darüber nicht möglich, und jede so vorgenommene Änderung landet im Audit-Protokoll.

Bewertungslogik auf dem Server

Jedes Angebot erhält eine interne Bewertung von 3,0 bis 5,0, die auf dem Server berechnet und nach jeder Änderung sowie beim Start neu berechnet wird. Das Ergebnis hängt also nie vom Browser ab.

Das Frontend

Technologien

Frontend

Angular 22 (Standalone, zoneless, Signals, OnPush), httpResource, NgOptimizedImage, SSR-Prerendering

Admin-Bereich

Angular 22, Signal Forms, Angular Material, Vitest mit Abdeckungsschwellen

Backend

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

Daten und Medien

PostgreSQL 17, Liquibase, Cloudinary, Mailgun

KI und Betrieb

Anthropic-API (Übersetzung), MCP-Server, Sentry, Heroku

Qualität

Vitest, angular-eslint, Checkstyle, PMD, SpotBugs

Ergebnis

• 78 aktive Angebote von 14 Marken — in einem Katalog mit Suche und Filtern in sechs Sprachen.
• 68 Rabattcodes an 47 Kunden ausgegeben — der durchschnittliche Rabatt beträgt 21 %.
• Die gesamte Kette in einer Hand — vom Datenbankschema bis zum Frontend, daher geht eine Änderung an Angebot, Übersetzung oder Filter ohne Übergaben live.
• Prüfung bei jeder Änderung — 187 Unit-Tests im Frontend, Lint-Regeln, die veraltete Angular-APIs verbieten, und statische Analyse im Java-Build.

Die Zahlen stammen von der Über-uns-Seite der Website und aus der Projektdokumentation, Stand 15. Oktober 2026.

Weitere Fallstudien

• Terasa28 — Vermietungsseite für ein Apartment am Meer mit Gästekonto, Buchungskalender und Admin-Bereich zur Freigabe von Anfragen.
• Intela — Wiederverwendbare Angular-Komponenten, Fachlogik in den Modulen und Berichtsseiten für ein Steuermanagement-Portal in einem globalen Konzern.

Alle Projekte