Stand der Arbeiten

Live ansehen

Was die Vorschau zeigt

Infrastruktur

Geprüft, nicht behauptet

30 Prüfungen laufen gegen die deployte Instanz grün.

16 lesende (npm run test:live): Startseite, Fahrzeugleiste, Anmeldung mit Demo-Konto, eigene Inserate, Inseratsseite mit Preis, Passung und Teilenummer, Profil, alle vier Rechtstexte, keine Schlüssel im ausgelieferten Browser-JavaScript, keine JavaScript-Laufzeitfehler.

14 schreibende (npm run test:live-schreibend) decken genau das ab, was von den beiden externen Diensten abhängt: Registrierung mit echtem Versand, der Bestätigungslink aus der tatsächlich zugestellten Mail gelesen, Anmeldung, Bildupload direkt aus dem Browser nach R2 und der öffentliche Abruf des hochgeladenen Bildes. Der Link kommt bewusst aus der Mail und nicht aus der Datenbank: Dort liegt nur sein SHA-256-Hash, im Klartext steht er nirgendwo sonst. Registriert wird auf delivered@resend.dev, Resends Testadresse — echter Versandweg, kein fremdes Postfach.

Die drei Suchblöcke wurden einzeln gegen die Live-Instanz nachgemessen: Bei gewählter MT-07 2018–2020 stehen Bremsscheibe und Scheinwerfer in Block 1, das Kettenkit in Block 2, und Spiegelpaar, Stahlflex-Leitung und Auspuff landen in Block 3 — ohne Überschneidung.

Die 214 Prüfungen der sieben Meilenstein-Suiten brauchen dagegen eine direkte Postgres-Verbindung, um sich ihre Testdaten selbst einzurichten. Die gibt es in dieser Umgebung nicht; gelaufen sind sie zuletzt in der Entwicklungsumgebung.

Neue Gestaltung

Die Oberfläche sieht jetzt aus wie ein Marktplatz: helle Warenfläche, dunkles Kopf- und Fußband, Signalorange für alles, was zum Handeln auffordert. Der Inhalt trägt die Seite — Bild, Titel, Preis, Zustand, immer an derselben Stelle, damit sich Inserate vergleichen lassen.

• Kopfzeile mit breiter Suche und Kategorieleiste. Beim Scrollen bleibt nur die obere Zeile stehen; hinge das ganze Band fest, blieben am Handy vom Bildschirm ein paar Zeilen für den Inhalt.
• Startseite mit Hero, Kategoriekacheln und Produktraster.
• Suchseite zweispaltig mit stehender Filterspalte. Die drei Blöcke sind Karten mit farbigem Kopf — grün belegt, gelb vermutet, grau ohne Fahrzeugbezug. Die Farbe ist Zugabe: Die Überschrift sagt dasselbe in Worten.
• Inseratsseite als Produktdetailseite — Galerie links, Kaufbox rechts, Einzelheiten darunter. Am Handy in der Reihenfolge Bild, Preis, Beschreibung.

Zwei Dinge sind dabei aufgefallen und mitrepariert worden. Die Suchleiste schickte ihr Formular an die aktuelle Adresse, solange die Seite noch nicht hydriert war — aus einem Klick auf der Anmeldeseite wurde /anmelden?q= statt einer Suche; jetzt steht action="/suche" daran, und die Suche funktioniert auch ganz ohne JavaScript. Und die neuen Kategorielinks hätten still ins Leere gezeigt: Die Suche kannte Kategorien nur als Id aus der Filterspalte, jetzt versteht sie auch einen Slug.

Vorher dazugekommen

Die zwei Dinge, die vorher am Konto hingen, sind erledigt — beide Wege laufen und sind nachgemessen.

• R2. Bucket angelegt, öffentliche Adresse eingeschaltet, Bindung im Worker wieder scharf. Dazu eine CORS-Regel am Bucket: Der Browser lädt direkt dorthin hoch, ohne sie hätte er jeden Upload geblockt.
• Resend. Schlüssel als Secret hinterlegt, Versand auf http umgestellt, Absender auf die verifizierte Domain.
• Demo-Bilder in den Bucket verschoben. Vorher lagen sie als statische Dateien neben der Anwendung. Das wäre beim Bearbeiten eines Demo-Inserats aufgefallen: Die Bearbeiten-Seite rechnet aus der gespeicherten URL den Speicherschlüssel zurück und verwirft jedes Bild, bei dem das misslingt — das Inserat hätte sein Foto verloren und sich ohne Foto nicht mehr speichern lassen.

Weiterhin offen

• Rechtstexte. Impressum, Datenschutz, AGB und Widerrufsbelehrung stehen als sichtbar markierte Platzhalter mit Gliederung. Der verbindliche Text kommt von einem Anwalt.
• Herkunft der PLZ-Koordinaten. Apache 2.0, aber über Googles Geocoding-API ermittelt — vor dem Livegang zu klären.
• CALEST und Bilder. Ob der Dienst Bildinhalte annimmt, ist nicht dokumentiert. Solange es nicht gemessen ist, schickt der Adapter gar keine Anfrage.
• Zählbremsen im Arbeitsspeicher. Auf Workers zählt jedes Isolate für sich, beim Recyceln ist der Zähler weg. Gehört in Durable Objects oder KV, sobald echter Verkehr läuft.
• Verwaiste Bilduploads werden nicht aufgeräumt — wer den Upload abbricht, lässt eine Datei im Bucket zurück. Ein Aufräumlauf fehlt.
• Eigene Domain. Im Konto liegt noch keine Zone, deshalb die workers.dev-Adresse. Sobald eine Domain da ist, kommt sie als custom_domain in wrangler.jsonc, und APP_URL zieht nach.