PAWLICK-UND-PAWLICK
Trockenbau-Site mit Referenz-Galerie, Theme-System und Barrierefreiheits-Modus.
Briefing
Pawlick & Pawlick GmbH ist ein Trockenbau-Betrieb. Die alte Site lief auf Express + Pug + MongoDB + Strapi, ein Stack, der für eine Firmen-Website zu schwer war. Server-Wartung, Strapi-Updates, MongoDB-Backups: alles Aufwand für eine Site, die im Kern eine Leistungs-Übersicht und eine Referenz-Galerie ist. Dazu der Anspruch, das Ganze barrierefrei zu machen.
Lösung
Migration auf Nuxt 4 mit Cloudflare Pages, D1 für Daten und R2 für Bilder. Projekte und Bilder liegen in Drizzle-Schemas, jedes Referenz-Projekt hat eine Galerie mit PhotoSwipe-Lightbox. Karte über Leaflet mit OpenStreetMap. Kontaktformular validiert serverseitig, schickt Mails über AWS SES, Cloudflare Turnstile gegen Bots, Header-Injection wird sanitisiert. Das Theme-System bringt vier Modi: Dark (Default), Light, High-Contrast (WCAG AAA) und Reader-Mode mit Sepia + größeren Fonts. Ein useAccessibility()-Composable steuert Schriftgröße, Reduce-Motion, Lesehilfen, Cursor-Modi und Bilder-Ausblendung, alles in LocalStorage gemerkt.
Outcome
Server-Wartung entfällt komplett, die Site läuft auf Workers. Statische Seiten (Impressum, Datenschutz, Barrierefreiheit) werden vorgerendert, die Startseite läuft über ISR (1 h Revalidate), Referenz-Detailseiten über SSR mit 30 min Edge-Cache. Bildauslieferung kommt direkt aus R2 über images.pawlickundpawlick.de. Die Trockenbau-Firma liefert Referenzen jetzt in einer Galerie statt in einem PDF-Anhang. Wer mit Screenreader oder Lesemaske auf die Site kommt, findet ein eigenes Setting dafür.