Worum es geht
Die Website zeigt den Fuhrpark von 15 Fahrzeugen mit Foto, Eckdaten, Kategorie und Tagespreis. Ein Suchfeld und vier Auswahlfelder für Marke, Kategorie, Preis und Sortierung grenzen die Liste ein; jede Fahrzeugseite führt in eine mehrstufige Buchungsstrecke. Dazu kommen eine Kontaktstrecke und Seiten zum Unternehmen. Alle Inhalte liegen auf Deutsch und Englisch vor.
Das Vermietungsgeschäft ist vorübergehend eingestellt. Die Buchungsstrecke ist deshalb deaktiviert: Alle Fahrzeuge sind als ausgebucht markiert, die Buchungsseite zeigt einen Hinweis statt des Formulars. Die Kontaktstrecke ist auf Telefon und E-Mail reduziert, die Formulare sind ausgeblendet. Die Seite bleibt als Auftritt erreichbar.
Meine Rolle
Konzeption und vollständige Entwicklung stammen von mir, ebenso die Datenschutzumsetzung. Das Repository reicht von September 2025 bis September 2026.
Technische Umsetzung
-
Keine Verbindung zu Dritten
Schriften, Bilder, Skripte und Stylesheets liegen vollständig auf dem eigenen Host. In einem Audit über alle 45 Routen wurden 739 Anfragen protokolliert, sämtlich an die eigene Adresse. Es werden keine Cookies gesetzt und kein Web-Storage beschrieben. Ein Einwilligungsbanner ist deshalb nicht erforderlich, es gibt nichts, wozu eingewilligt werden müsste.
-
Statisches Prerendering
Die Anwendung ist in React gebaut und wird vor der Auslieferung mit Puppeteer zu statischem HTML vorgerendert. Suchmaschinen und Besucher ohne JavaScript erhalten vollständige Inhalte. Unbekannte Pfade liefern einen echten 404-Status statt eines leeren Anwendungsrahmens.
-
Formularübermittlung ohne Datenhaltung
Die Kontaktstrecke läuft über eine Serverless-Funktion, die die Eingaben prüft und als E-Mail über Brevo zustellt. Der Zugangsschlüssel liegt als Umgebungsvariable auf dem Server, nicht im ausgelieferten Code; ein Grep über alle 70 ausgelieferten Dateien ergab keinen Treffer. Es findet keine Speicherung statt. Die Funktion begrenzt Anfragen je Absender und prüft die Herkunft der Anfrage. Sie ist implementiert und in der Typprüfung des Projekts enthalten, wird aber derzeit nicht aufgerufen, weil die Formulare ausgeblendet sind.
-
Mehrsprachigkeit
Die Texte liegen als Nachrichtenkataloge für Deutsch und Englisch vor, je 294 Einträge, und werden mit Paraglide beim Build zu typisierten Funktionen kompiliert. Die Sprache ergibt sich ausschließlich aus der Adresse: Deutsch ohne Präfix, Englisch unter /en/. Es gibt keine Erkennung über Browsersprache oder IP-Adresse und keine automatische Weiterleitung. Jede Sprachfassung ist eine eigene vorgerenderte Datei mit eigener kanonischer Adresse und hreflang-Verweisen auf die andere Fassung; beide Fassungen stehen in der Sitemap. Arabisch mit Rechts-nach-links-Layout ist im Code angelegt, aber bis zur Freigabe übersetzter Texte abgeschaltet.
Messwerte
Lighthouse, mobil, gemessen am 16. September 2026 gegen die Live-Adresse in einem Browserfenster ohne Erweiterungen: Performance 95 · Barrierefreiheit 100 · Best Practices 100 · Suchmaschinenoptimierung 100.
