qciganoandClaude Sonnet 5
81c175d03c
Auf ausdrücklichen Wunsch, mit Fokus auf rechtliche Absicherung: - Klarna komplett entfernt (hätte eigene Händlerprüfung + Bonitätsprüfungs- Pflichten nach der neuen EU-Verbraucherkreditrichtlinie vorausgesetzt). - Eigene Kreditkarten-Eingabemaske komplett entfernt (wäre PCI-DSS-pflichtig gewesen — für einen kleinen Shop praktisch nicht stemmbar). Kartenzahlung bleibt möglich: PayPals eigener, PCI-zertifizierter Gast-Checkout bietet Kredit-/Debitkarte an, ohne dass Kartendaten je unsere Seite berühren. - PayPal ist jetzt ECHT server-seitig verifiziert statt dem Browser blind zu vertrauen: eigener Cloudflare-Function-Flow (functions/_shared/paypal.js + functions/api/paypal/) legt die PayPal-Bestellung server-seitig an, zieht die Zahlung nach Bestätigung server-seitig ein und prüft den eingezogenen Betrag gegen die Bestellsumme — die Bestellung wird ausschließlich bei bestätigter, betragsgleicher Zahlung angelegt. /api/orders lehnt direkte PayPal-Bestellungen jetzt ausdrücklich ab (verhindert vorgetäuschte "bezahlte" Bestellungen ohne echte Zahlung). - Neuer, ehrlicherer Bestellstatus "zahlungOffen": Überweisungs-Bestellungen starten jetzt so (Geld noch nicht da) statt fälschlich sofort "bezahlt" zu heißen — Schutz vor Warenversand, bevor das Geld wirklich angekommen ist. Eigene Kachel/Filter/Badge-Farbe in der Verwaltung, Umsatz-/Auswertungs- Zahlen zählen "zahlungOffen" bewusst nicht mit. - Rechtstexte (AGB, Datenschutzerklärung, FAQ, Versand & Zahlung) auf allen 4 Sprachen aktualisiert: nur noch PayPal + Überweisung erwähnt, inkl. DSGVO- Hinweis zur internationalen Datenübertragung an PayPal (Data Privacy Framework-Zertifizierung). - D1-Migration 0003: neue Spalte paypal_order_id (Zahlungsbeleg) + erweiterter Status-Wertebereich, auf Live-Datenbank angewendet, bestehende Daten intakt. Mit echten Testbestellungen lokal verifiziert: Überweisung legt korrekt "zahlungOffen" an, direkter PayPal-Bypass-Versuch an /api/orders wird abgelehnt, PayPal-Route meldet sauber "noch nicht eingerichtet" ohne Zugangsdaten. Checkout-UI zeigt nur noch 2 Zahlungsarten, Bestellknopf ist bei PayPal ausgeblendet (Zahlung läuft exklusiv über den echten PayPal-Button). Für den echten Zahlungseingang fehlt noch VanVans eigenes PayPal-Business- Konto (Client-ID + Secret) — Details in der Vault-Dokumentation. Co-Authored-By: Claude Sonnet 5 <[email protected]>
Van's DIY & Bastelbedarf – Website (lokale Vorschau)
Hallo VanVan 🩵 Das hier ist der Code für deinen zukünftigen Onlineshop. Du musst nichts programmieren – diese Anleitung reicht, um die Seite auf deinem PC anzusehen.
Schnellstart (empfohlen)
- Doppelklick auf die Datei
Vorschau-Starten.batin diesem Ordner. - Es öffnet sich ein schwarzes Fenster, das kurz Dinge vorbereitet.
- Danach öffnet sich automatisch dein Browser mit der Vorschau.
- Zum Beenden: im schwarzen Fenster
Strg + Cdrücken, dann Fenster schließen.
Falls sich nichts öffnet: prüfe, ob im schwarzen Fenster ein Hinweis auf Node.js steht (siehe unten) und lies die Fehlermeldung genau durch.
Voraussetzung: Node.js
Diese Website braucht ein kostenloses Programm namens Node.js, damit sie auf deinem PC laufen kann (das ist wie ein kleiner "Motor" für moderne Webseiten).
- Prüfen, ob es schon installiert ist: das Start-Skript macht das automatisch.
- Falls nicht: Download unter https://nodejs.org → den Button mit "LTS" wählen →
installieren (einfach überall "Weiter" klicken) → danach
Vorschau-Starten.baterneut starten.
Manueller Start (für Filipe / falls das Skript mal nicht geht)
Im Ordner shop/ in einer Kommandozeile (z. B. Git Bash oder PowerShell):
npm install # nur beim allerersten Mal nötig
npm run build # baut die Seite (prüft, ob alles fehlerfrei ist)
npm run dev # startet die lokale Vorschau
Danach im Browser öffnen: http://localhost:4321
Was ist das hier gerade für ein Stand?
Phase 1 – Design & Struktur. Alle Seiten aus dem Pflichtenheft sind als echtes, klickbares Frontend vorhanden (Startseite, Shop, Kategorien, Produktseiten, Warenkorb, Checkout-Vorschau, rechtliche Seiten usw.). Der Warenkorb funktioniert bereits (im Browser gespeichert), es gibt aber noch keine echte Bestellabwicklung, keine echte Zahlung und noch kein Adminbereich – das folgt in Phase 2. Alle Produkte, Preise, Bilder und der "Über die Kreative"-Text sind aktuell Platzhalter und werden ersetzt, sobald du echte Fotos/Texte/Preise lieferst.
Projektstruktur (kurz)
shop/
├─ src/pages/ ← jede Datei hier ist eine Seite der Website
├─ src/data/ ← Produkte & Kategorien (hier später echte Daten eintragen)
├─ src/components/ ← wiederverwendbare Bausteine (z. B. Produktkarte)
├─ src/layouts/ ← gemeinsamer Rahmen (Header/Footer) aller Seiten
├─ src/styles/ ← Farben, Schriften, Design-Grundlagen
└─ public/ ← Logo, Icons, robots.txt
Mehr Hintergrund (Pflichtenheft-Zusammenfassung, Branding-Entscheidungen, Tech-Stack-Begründung) steht im Obsidian-Vault unter „Van Van – Homepage".